/* Estilo para el enlace que actúa como botón */
.button {
    display: inline-block;
    background-color: var(--primary-color);
    color: white;
    font-size: 1.2rem;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 5px; 
    transition: background-color 0.3s, transform 0.3s; 
}

/* Efecto hover para el enlace */
.button:hover {
    background-color: var(--secondary-color); 
    transform: scale(1.05); 
}