/* Personalización básica del botón */
.wp-block-button__link {
    background-color: var(--brand-color) !important; /* Color de fondo */
    color: var(--bright-color) !important; /* Color del texto */
    padding: 10px 25px !important; /* Espaciado interno */
    border-radius: 5px !important; /* Bordes redondeados */
    text-decoration: none !important; /* Sin subrayado */
    font-weight: 600;
    display: inline-block !important; /* Mantener el botón en línea */
    font-size: 16px !important; /* Tamaño del texto */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; /* Sombra */
    transition: background-color 0.3s ease, transform 0.3s ease !important; /* Transición */
}

/* Estilo al pasar el ratón (hover) */
.wp-block-button__link:hover {
    background-color: var(--dark-brand-color) !important; /* Color de fondo al pasar el ratón */
    color: #ffffff !important; /* Color del texto al pasar el ratón */
    transform: translateY(-3px) !important; /* Levantar el botón */
    text-decoration: none !important; /* Sin subrayado */
}

/* Estilo activo (opcional) */
.wp-block-button__link:active {
    background-color: var(--dark-brand-color) !important; /* Color de fondo al hacer clic */
    transform: translateY(1px) !important; /* Mover ligeramente hacia abajo */
}

/* Estilo para diferentes tamaños de pantalla (responsivo) */
@media (max-width: 768px) {
    .wp-block-button__link {
        padding: 10px 20px !important; /* Espaciado interno reducido */
        font-size: 14px !important; /* Tamaño del texto reducido */
    }
}