/*!
 * Themeasy — Slide Button Widget Styles
 *
 * Pill CTA button with a dual-label slide swap on hover: the main label
 * glides up while the hover label slides in from below (both live inside a
 * clipped container so the swap is pixel-exact). An optional circular icon
 * chip inverts its colors and nudges the glyph forward. Pure CSS — with no
 * JS, in the editor, and under reduced motion the button is a fully usable
 * static pill.
 *
 * Public tokens (--tms-*) are consumed — never private (--themeasy-*).
 *
 * @author Themeasy
 * @link https://themeasy.co
 * @since 1.0.0
 */
.tms-slide-button{--tms-slide-button-duration:.4s;--tms-slide-button-ease:cubic-bezier(.65, 0, .35, 1);--tms-slide-button-chip-size:2.25em;justify-content:flex-start;display:flex}.tms-slide-button .tms-slide-button__link{color:var(--tms-white-color,#fff);background-color:var(--tms-primary-color,#2563eb);transition:color var(--tms-slide-button-duration) var(--tms-slide-button-ease), background-color var(--tms-slide-button-duration) var(--tms-slide-button-ease), border-color var(--tms-slide-button-duration) var(--tms-slide-button-ease), box-shadow var(--tms-slide-button-duration) var(--tms-slide-button-ease);border:0 solid #0000;border-radius:999px;align-items:center;gap:.75em;padding:.875em 1.75em;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.tms-slide-button .tms-slide-button__link:hover{background-color:var(--tms-heading-color,#11131a)}.tms-slide-button .tms-slide-button__link:focus-visible{background-color:var(--tms-heading-color,#11131a)}.tms-slide-button .tms-slide-button__label{display:inline-grid;position:relative;overflow:hidden}.tms-slide-button .tms-slide-button__text{white-space:nowrap;text-align:center;transition:transform var(--tms-slide-button-duration) var(--tms-slide-button-ease);grid-area:1/1;display:block}.tms-slide-button .tms-slide-button__text--hover{transform:translateY(110%)}.tms-slide-button .tms-slide-button__link:hover .tms-slide-button__text--main{transform:translateY(-110%)}.tms-slide-button .tms-slide-button__link:focus-visible .tms-slide-button__text--main{transform:translateY(-110%)}.tms-slide-button .tms-slide-button__link:hover .tms-slide-button__text--hover{transform:translateY(0)}.tms-slide-button .tms-slide-button__link:focus-visible .tms-slide-button__text--hover{transform:translateY(0)}.tms-slide-button .tms-slide-button__icon{transition:color var(--tms-slide-button-duration) var(--tms-slide-button-ease), background-color var(--tms-slide-button-duration) var(--tms-slide-button-ease);flex:none;justify-content:center;align-items:center;font-size:1em;line-height:1;display:inline-flex}.tms-slide-button .tms-slide-button__icon svg{fill:currentColor;width:1em;height:1em;transition:transform var(--tms-slide-button-duration) var(--tms-slide-button-ease)}.tms-slide-button .tms-slide-button__icon svg[fill=none]{fill:none;stroke:currentColor}.tms-slide-button .tms-slide-button__icon img{width:1em;height:1em}.tms-slide-button .tms-slide-button__link:hover .tms-slide-button__icon svg,.tms-slide-button .tms-slide-button__link:hover .tms-slide-button__icon i{transform:translate(.15em)}.tms-slide-button .tms-slide-button__link:focus-visible .tms-slide-button__icon svg{transform:translate(.15em)}.tms-slide-button .tms-slide-button__link:focus-visible .tms-slide-button__icon i{transform:translate(.15em)}.tms-slide-button--chip .tms-slide-button__link{padding-block-start:.5em;padding-block-end:.5em}.tms-slide-button--chip .tms-slide-button__icon{width:var(--tms-slide-button-chip-size);height:var(--tms-slide-button-chip-size);background-color:color-mix(in srgb, currentColor 14%, transparent);border-radius:50%}.tms-slide-button--chip .tms-slide-button__link:hover .tms-slide-button__icon{color:var(--tms-heading-color,#11131a);background-color:var(--tms-white-color,#fff)}.tms-slide-button--chip .tms-slide-button__link:focus-visible .tms-slide-button__icon{color:var(--tms-heading-color,#11131a);background-color:var(--tms-white-color,#fff)}.tms-slide-button--icon-left .tms-slide-button__icon{order:-1}.tms-slide-button--chip.tms-slide-button--icon-right .tms-slide-button__link{padding-inline-end:.5em}.tms-slide-button--chip.tms-slide-button--icon-left .tms-slide-button__link{padding-inline-start:.5em}.tms-slide-button--full{display:block}.tms-slide-button--full .tms-slide-button__link{justify-content:space-between;width:100%;display:flex}.tms-slide-button .tms-slide-button__link:focus-visible{outline:2px solid var(--tms-primary-color,#2563eb);outline-offset:3px}@media (prefers-reduced-motion:reduce){.tms-slide-button .tms-slide-button__link,.tms-slide-button .tms-slide-button__text,.tms-slide-button .tms-slide-button__icon,.tms-slide-button .tms-slide-button__icon svg{transition-duration:.01ms!important}}