/*
 * Nova prepared effect: ripple-buttons (nova/ripple-buttons in the effects catalog).
 * Ships with every site's child theme and is conditionally enqueued via functions.php — only on a
 * page whose post_content actually contains a [data-nova-ripple] hook.
 */
[data-nova-ripple] {
    position: relative;
    overflow: hidden;
}

.nova-ripple-span {
    position: absolute;
    border-radius: 50%;
    background-color: currentColor;
    opacity: 0.35;
    transform: scale(0);
    pointer-events: none;
    animation: nova-ripple-expand 600ms ease-out;
}

@keyframes nova-ripple-expand {
    to {
        transform: scale(2.5);
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nova-ripple-span {
        animation: none;
        display: none;
    }
}