@charset "utf-8";
/* CSS Document */
        .button {
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
            padding: 5px 15px;
            border: none;
            border-radius: 12px;
            color: white;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
			min-width: auto; /* Remove o min-width fixo */
			width: auto; /* Permite que o botão se ajuste ao conteúdo */
            text-align: left;
        }


        .button:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
        }

        .button:active {
            transform: translateY(0);
        }

        .button-news {
            background: linear-gradient(135deg, #6c757d, #495057);
        }

        .button-news:hover {
            background: linear-gradient(135deg, #5a6268, #3d4043);
        }

        .button-certificates {
            background: linear-gradient(135deg, #4a6fa5, #3a5998);
        }

        .button-certificates:hover {
            background: linear-gradient(135deg, #3d5a91, #2d4985);
        }

        .button-events {
            background: linear-gradient(135deg, #2d5aa0, #1e3a8a);
        }

        .button-events:hover {
            background: linear-gradient(135deg, #1e3a8a, #1e40af);
        }

        .plus-icon {
            font-size: 20px;
            font-weight: bold;
            margin-left: 15px;
            transition: transform 0.3s ease;
        }

        .button:hover .plus-icon {
            transform: rotate(90deg);
        }
		/* Para que os links se comportem como botões */
		a.button {
			text-decoration: none;
			display: inline-flex;
			margin: 0 auto;
		}

		a.button:hover {
			text-decoration: none;
			color: white; /* Mantém a cor branca no hover */
		}

		a.button:focus {
			text-decoration: none;
			color: white;
		}
        @media (max-width: 480px) {
            .button {
				min-width: auto; /* Remove o min-width fixo */
				width: auto; /* Permite que o botão se ajuste ao conteúdo */
                font-size: 14px;
                padding: 5px 15px;
            }
        }