/*!
 * DS Button hover
 *
 * Replaces the theme's hover on primary and secondary buttons (a fill that
 * sweeps up from below while the colours invert) with the design's hover: the
 * background fades to a lighter Cornflower tint and the text keeps its colour.
 * From Figma component sets 13:6124 ("CTA Primary") and 13:6140
 * ("CTA Secondary").
 *
 * Loaded from layout/theme.liquid for every page. It follows the theme's
 * 'Button hover' setting: with it set to 'none' nothing here applies.
 *
 * Close and blur buttons keep the stock hover, as do '.self-button' buttons,
 * which the theme already excludes.
 */@supports (color: oklch(from red l c h)){@media screen and (pointer:fine){.button--primary,.button--secondary{--ds-button-hover: oklch(from rgb(var(--color-button-background)) calc(.4453 + .4539*l) calc(.2717 - (.2272*l)) calc(267.58 + 8.134*l) );--ds-button-hover-outline: oklch(from rgb(var(--color-button-background)) .8992 calc(c*.1438) calc(h + 11.59) )}.js [data-button-hover=standard] :is(.button--primary,.button--secondary):not(.button--close,.button--blur,.self-button) .btn-fill{display:none}[data-button-hover=standard] :is(.button--primary,.button--secondary):not(.button--close,.button--blur,.self-button){transition:var(--button-transition),background var(--animation-primary)}.js [data-button-hover=standard] .button--primary:hover:not([disabled],.button--close,.button--blur,.self-button){color:rgb(var(--color-button-text));background:var(--ds-button-hover)}.js [data-button-hover=standard] .button--primary:hover:not([disabled],.button--close,.button--blur,.self-button):after{border-color:var(--ds-button-hover)}.js [data-button-hover=standard] .button--secondary:hover:not([disabled],.button--close,.button--blur,.self-button){color:rgb(var(--color-button-background));background:var(--ds-button-hover-outline)}}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-button-hover.css.map */