.v-btn{--btn-bg: var(--v-ink);--btn-fg: var(--v-paper);--btn-fill: var(--v-sage-700);--btn-border: transparent;--btn-ring: var(--v-accent);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;min-height:5.4rem;padding:0 3.2rem;font:500 1.4rem/1 var(--v-font-body);letter-spacing:.04em;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--r-pill);text-decoration:none;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--duration-medium) var(--ease-premium),border-color var(--duration-medium) var(--ease-premium),transform var(--duration-fast) var(--ease-soft),box-shadow var(--duration-medium) var(--ease-premium);-webkit-tap-highlight-color:transparent}.v-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--btn-fill);transform:translate(-102%);transition:transform var(--duration-medium) var(--ease-premium)}.v-btn .v-icon{width:1.8rem;height:1.8rem;transition:transform var(--duration-medium) var(--ease-premium)}.v-btn--ghost{--btn-bg: transparent;--btn-fg: var(--v-fg);--btn-border: var(--v-border);--btn-fill: var(--v-fg)}.v-btn--light{--btn-bg: var(--v-paper);--btn-fg: var(--v-forest);--btn-fill: var(--v-sage-300)}.v-btn--sm{min-height:4.2rem;padding:0 2.2rem;font-size:1.3rem}.v-btn--lg{min-height:6.4rem;padding:0 4.2rem;font-size:1.5rem}.v-btn--block{width:100%}.v-btn--icon{width:5.4rem;padding:0}.v-btn--icon.v-btn--sm{width:4.2rem}@media(hover:hover)and (pointer:fine){.v-btn:not(:disabled):not([aria-disabled=true]):not(.is-loading):hover{box-shadow:var(--shadow-1);transform:translate3d(0,-.1rem,0)}.v-btn:not(:disabled):not([aria-disabled=true]):not(.is-loading):hover:before{transform:translate(0)}.v-btn:not(:disabled):not([aria-disabled=true]):not(.is-loading):hover .v-icon--arrow{transform:translate(.5rem)}.v-btn--ghost:not(:disabled):not([aria-disabled=true]):not(.is-loading):hover{color:var(--v-bg);border-color:var(--v-fg)}}.v-btn.is-hover:before,.v-btn:focus-visible:before{transform:translate(0)}.v-btn.is-hover .v-icon--arrow{transform:translate(.5rem)}.v-btn--ghost.is-hover,.v-btn--ghost:focus-visible{color:var(--v-bg);border-color:var(--v-fg)}.v-btn:not(:disabled):not([aria-disabled=true]):not(.is-loading):active,.v-btn.is-active{transform:scale(.97);box-shadow:none;transition-duration:.08s}.v-btn:not(:disabled):active:before,.v-btn.is-active:before{transform:translate(0)}.v-btn--ghost:not(:disabled):active,.v-btn--ghost.is-active{color:var(--v-bg);border-color:var(--v-fg)}.v-btn:not(:disabled):active .v-icon--arrow,.v-btn.is-active .v-icon--arrow{transform:translate(.2rem) scale(.9)}.v-btn__ink{position:absolute;left:var(--rx, 50%);top:var(--ry, 50%);width:2.4rem;height:2.4rem;margin:-1.2rem 0 0 -1.2rem;border-radius:50%;background:currentColor;opacity:.2;transform:scale(0);pointer-events:none;animation:v-ink .7s var(--ease-premium) forwards}@keyframes v-ink{to{transform:scale(var(--ink, 14));opacity:0}}.v-btn:focus{outline:none}.v-btn:focus-visible,.v-btn.is-focus,.v-link:focus-visible,.v-iconbtn:focus-visible,.v-qty__btn:focus-visible{outline:2px solid var(--btn-ring, var(--v-accent));outline-offset:3px}.v-btn:focus-visible,.v-btn.is-focus{box-shadow:0 0 0 6px #7d937347}.v-link:focus-visible{outline-offset:6px;border-radius:2px}.v-btn:disabled,.v-btn[aria-disabled=true],.v-btn.is-disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.v-btn:disabled:before,.v-btn[aria-disabled=true]:before{transform:translate(-102%)}.v-btn.is-loading{pointer-events:none;color:transparent;cursor:progress}.v-btn.is-loading .v-icon{opacity:0}.v-btn.is-loading:after{content:"";position:absolute;width:2rem;height:2rem;left:calc(50% - 1rem);top:calc(50% - 1rem);border:2px solid var(--btn-fg);border-right-color:transparent;border-radius:50%;animation:v-spin .8s linear infinite}.v-btn--ghost.is-loading:after{border-color:var(--v-fg);border-right-color:transparent}.v-btn.is-done{--btn-bg: var(--v-sage-700);--btn-fg: #fff}.v-link{position:relative;display:inline-flex;align-items:center;gap:.8rem;color:var(--v-fg);font-weight:500;font-size:1.4rem;text-decoration:none;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent}.v-link:after{content:"";position:absolute;left:0;right:0;bottom:-.4rem;height:1px;background:currentColor;transform-origin:right;transition:transform var(--duration-medium) var(--ease-premium)}.v-link .v-icon{width:1.6rem;height:1.6rem;transition:transform var(--duration-medium) var(--ease-premium)}@media(hover:hover)and (pointer:fine){.v-link:hover:after{transform:scaleX(0);animation:v-underline .7s var(--ease-premium) .25s forwards}.v-link:hover .v-icon--arrow{transform:translate(.4rem)}}.v-link:active{opacity:.7}.v-link:active .v-icon--arrow{transform:translate(.1rem)}@keyframes v-underline{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes v-spin{to{transform:rotate(360deg)}}.v-iconbtn,.v-qty__btn{transition:background var(--duration-fast) var(--ease-soft),transform var(--duration-fast) var(--ease-soft),color var(--duration-fast)}.v-iconbtn:active,.v-qty__btn:active{transform:scale(.92)}.v-iconbtn:disabled,.v-qty__btn:disabled{opacity:.35;cursor:not-allowed}.v-body .button:not(.v-btn),.v-body .cart__checkout-button{transition:background var(--duration-medium) var(--ease-premium),color var(--duration-medium),transform var(--duration-fast) var(--ease-soft)}.v-body .button:not(.v-btn):active,.v-body .cart__checkout-button:active{transform:scale(.97)}.v-body .button:not(.v-btn):focus-visible,.v-body .cart__checkout-button:focus-visible{outline:2px solid var(--v-accent);outline-offset:3px;box-shadow:none}.v-body .button:not(.v-btn):disabled,.v-body .button:not(.v-btn)[aria-disabled=true]{opacity:.4;cursor:not-allowed}@media(forced-colors:active){.v-btn{border:1px solid ButtonText}.v-btn:focus-visible,.v-link:focus-visible,.v-iconbtn:focus-visible{outline:3px solid Highlight}}@media(prefers-reduced-motion:reduce){.v-btn,.v-btn:before,.v-btn .v-icon,.v-link:after{transition-duration:.01ms}.v-btn:hover,.v-btn:active{transform:none}.v-btn__ink{display:none}.v-link:hover:after{animation:none;transform:scaleX(0)}.v-btn.is-loading:after{animation-duration:1.6s}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/vida-buttons.css.map */