/* Shared frontend/editor style for content buttons, not interface controls. */
:is(.wp-block-button .wp-block-button__link, a.wp-element-button) {
    --lt-button-ink: var(--lt-deep, var(--wp--preset--color--deep, #633b42));
    --lt-button-light: var(--wp--preset--color--white, #fff);
    color: var(--lt-button-ink) !important;
    border: 2px solid var(--lt-button-ink) !important;
    background-color: transparent !important;
    background-image: linear-gradient(var(--lt-button-ink), var(--lt-button-ink)) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 0% 100%;
    text-decoration: none !important;
    box-shadow: none;
    transition: background-size .35s ease, color .25s ease;
}

:is(.wp-block-button .wp-block-button__link, a.wp-element-button):is(:hover, :focus-visible) {
    background-size: 100% 100%;
    color: var(--lt-button-light) !important;
    text-decoration: none !important;
}

:is(.wp-block-button .wp-block-button__link, a.wp-element-button):focus-visible {
    outline: 2px solid var(--lt-button-ink);
    outline-offset: 4px;
}

/* Article link rules and inline text formatting must never underline buttons. */
:is(.wp-block-button .wp-block-button__link, a.wp-element-button),
:is(.wp-block-button .wp-block-button__link, a.wp-element-button) * {
    text-decoration: none !important;
}

@media (prefers-reduced-motion: reduce) {
    :is(.wp-block-button .wp-block-button__link, a.wp-element-button) {
        transition: none !important;
    }
}