/* Pill button — tactile press effect */
.wp-block-button .wp-block-button__link {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    transition: transform 0.13s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.13s cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-tap-highlight-color: transparent;

    
}
    
/* ─── HOVER: Button "Rises" and shadow grows ─── */
.wp-block-button .wp-block-button__link:hover {
    /* Lift the button up 2px */
    transform: translateY(-2px);
    /* Increase shadow to 6px to make it look taller/more pressable */
    box-shadow: 0 6px 0 0 color-mix(in srgb, var(--wp--preset--color--saffron) 80%, #000 20%);
}


.wp-block-button .wp-block-button__link:active {
    transform: translateY(3px);
    box-shadow: 0 0.5px 0 0 color-mix(in srgb, var(--wp--preset--color--saffron) 80%, #000 20%);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 0 0 color-mix(in srgb, var(--wp--preset--color--bright-snow) 90%, #000 10%);
}

.wp-block-button.is-style-outline .wp-block-button__link:active {
    transform: translateY(3px);
    box-shadow: 0 0.5px 0 0 color-mix(in srgb, var(--wp--preset--color--bright-snow) 90%, #000 10%);
}

/* ─── RIPPLE ─── */
.wp-block-button .wp-block-button__link {
    overflow: hidden;
    position: relative;
}

.btn-ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,0.35);
    transform: scale(0);
    animation: ripple-anim 0.5s linear;
    pointer-events: none;
}

@keyframes ripple-anim {
    to { transform: scale(4); opacity: 0; }
}