.lata-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;border:0;border-radius:var(--radius-pill);padding:12.8px 30.4px 11.2px;font-family:var(--font-body);font-size:var(--type-button);font-weight:400;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;line-height:1.5;cursor:pointer;-webkit-tap-highlight-color:transparent}.lata-btn--small{padding:9.6px 22.4px;font-size:var(--type-micro)}.lata-btn--large{padding:18.4px 41.6px}.lata-btn--slim{padding:4.8px 30.4px 3.2px}.lata-btn--full{width:100%}.lata-btn--dark{background:var(--color-body);color:var(--color-on-dark)}.lata-btn--dark .lata-btn__fill,.lata-btn--white{background:var(--color-on-dark);color:var(--color-body)}.lata-btn--white .lata-btn__fill{background:var(--color-body);color:var(--color-on-dark)}.lata-btn--outline{background:transparent;color:var(--color-body);box-shadow:inset 0 0 0 1px currentColor}.lata-btn--outline .lata-btn__fill{background:var(--color-body);color:var(--color-on-dark)}.lata-btn--outline-light{background:transparent;color:var(--color-on-dark);box-shadow:inset 0 0 0 1px currentColor}.lata-btn--outline-light .lata-btn__fill{background:var(--color-on-dark);color:var(--color-body)}.lata-btn__label{position:relative;z-index:1;pointer-events:none;white-space:nowrap}.lata-btn__fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:inline-flex;align-items:center;justify-content:center;border-radius:inherit;pointer-events:none;transition:clip-path .25s ease}.lata-btn__fill--top{clip-path:inset(0 0 100% 0 round var(--radius-pill))}.lata-btn__fill--right{clip-path:inset(0 0 0 100% round var(--radius-pill))}.lata-btn__fill--bottom{clip-path:inset(100% 0 0 0 round var(--radius-pill))}.lata-btn__fill--left{clip-path:inset(0 100% 0 0 round var(--radius-pill))}.lata-btn__zone{position:absolute;z-index:3}.lata-btn__zone--top{top:0;left:15%;right:15%;height:50%}.lata-btn__zone--bottom{bottom:0;left:15%;right:15%;height:50%}.lata-btn__zone--left{top:0;bottom:0;left:0;width:18%}.lata-btn__zone--right{top:0;bottom:0;right:0;width:18%}.lata-btn__zone--top:hover~.lata-btn__fill--top,.lata-btn__zone--right:hover~.lata-btn__fill--right,.lata-btn__zone--bottom:hover~.lata-btn__fill--bottom,.lata-btn__zone--left:hover~.lata-btn__fill--left,.lata-btn__zone--top:hover+.lata-btn__fill--top{clip-path:inset(0 round var(--radius-pill))}.lata-btn:has(.lata-btn__zone--top:hover) .lata-btn__fill--top,.lata-btn:has(.lata-btn__zone--right:hover) .lata-btn__fill--right,.lata-btn:has(.lata-btn__zone--bottom:hover) .lata-btn__fill--bottom,.lata-btn:has(.lata-btn__zone--left:hover) .lata-btn__fill--left{clip-path:inset(0 round var(--radius-pill))}@supports not (selector(:has(a))){.lata-btn .lata-btn__zone{display:none}.lata-btn:hover .lata-btn__fill--top{clip-path:inset(0 round var(--radius-pill))}}.lata-btn:focus-visible{outline:2px solid var(--color-dark);outline-offset:3px}.lata-btn:focus-visible .lata-btn__fill--bottom{clip-path:inset(0 round var(--radius-pill))}@media(prefers-reduced-motion:reduce){.lata-btn__fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/lata-button.css.map */