.yg-pill{position:relative;display:inline-flex;flex-direction:column;align-items:stretch;gap:0;height:48px;padding:0;overflow:hidden;border-radius:24px;box-shadow:none;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:0;font-size:14px;line-height:27px;border:1px solid var(--yg-pill-border,var(--ink));background:var(--yg-pill-bg,var(--ink));color:var(--yg-pill-color,#fff)!important;transition:background-color .3s,border-color .3s,color .3s}@media(min-width:1024px){.yg-pill{font-size:16px;line-height:20px}}.yg-pill__text{display:flex;flex:none;width:100%;height:46px;min-height:0;overflow:hidden;align-items:center;justify-content:center;gap:8px;padding:8px 32px;transform:translateY(-100%);transition:transform .1s cubic-bezier(.4,0,.2,1)}@media(hover:hover){.yg-pill__text{transition-duration:.2s}}.yg-pill:hover .yg-pill__text{transform:translateY(0)}.yg-pill:not(.yg-pill--outline):hover{background:color-mix(in srgb,var(--yg-pill-bg,var(--ink)) 85%,black);border-color:color-mix(in srgb,var(--yg-pill-border,var(--yg-pill-bg,var(--ink))) 85%,black)}.yg-pill--outline{background:transparent;border-color:var(--yg-pill-border,var(--ink));color:var(--yg-pill-color,var(--ink))!important}.yg-pill--outline:hover{background:var(--yg-pill-bg-hover,var(--teal));border-color:var(--yg-pill-bg-hover,var(--teal));color:var(--yg-pill-color-hover,#fff)!important}.yg-pill--icon{font-size:12px;line-height:14px}@media(min-width:1024px){.yg-pill--icon{font-size:12px;line-height:14px}}.yg-pill--icon .yg-pill__text{padding:8px 20px 8px 12px}.yg-pill__icon{display:block;flex:none;width:20px;height:20px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.yg-pill--icon-rotate:hover .yg-pill__icon{transform:rotate(90deg)}.yg-pill--square{width:var(--yg-pill-size,50px);height:var(--yg-pill-size,50px);flex:none;border-radius:0}.yg-pill--square .yg-pill__text{height:100%;padding:0;transform:none}.yg-pill--square:hover .yg-pill__text{transform:none}@media(prefers-reduced-motion:reduce){.yg-pill,.yg-pill__text,.yg-pill__icon{transition:none}}.yg-pill.is-loading{pointer-events:none}.yg-pill.is-loading .yg-pill__text{visibility:hidden}.yg-pill.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;opacity:.9;animation:yg-pill-spin .6s linear infinite}.yg-pill--outline.is-loading:after{color:var(--yg-pill-color,var(--ink))}@keyframes yg-pill-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.yg-pill.is-loading:after{animation-duration:1.2s}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/yg-buttons.css.map */