/* Estilos generales para botones */

/* Clase base para todos los botones */
.btn, .btn--primary, .btn--secondary, .btn--contact {
    display: inline-block;
    padding: 0.8rem 1.5rem;
    border-radius: 14px;
    font-weight: bold;
    transition: transform 0.25s ease;
    border: none;
}

/* Estilo para botones primarios y de contacto */
.btn--primary, .btn--contact {
    background-color: var(--accent-700) !important;
    color: var(--text-main) !important;
}

/* Ajuste específico para el botón de contacto en el navbar */
.btn--contact {
    padding: 0;
}

/* Efectos al pasar el mouse (hover) */
.btn--primary:hover, .btn--contact:hover  {
    transform: translateY(-3px);
    box-shadow: 0 0px 10px var(--accent-600);
    filter: brightness(110%);
}

/* Estilo cuando el botón ya ha sido visitado */
.btn--primary:visited {
    transform: translateY(0);
    outline: 3px solid var(--text-main);
}

/* Estilo cuando el botón de contacto está presionado */
.btn--contact:active {
    transform: translateY(0);
    outline: 3px solid var(--text-main) !important;
}

/* Estilo para botones secundarios (con fondo traslúcido) */
.btn--secondary {
    color: #CBD5E1;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--glass-border);
}