.crf-liquid{position:relative;isolation:isolate;display:block;--liquid-rim:2px;--liquid-radius:3px;border-radius:var(--liquid-radius);box-shadow:0 0 0 1px #0000004d,0 36px 14px #00000005,0 20px 12px #00000014,0 9px 9px #0000001f,0 2px 5px #00000026;transition:box-shadow .15s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.34,1.56,.64,1)}.crf-liquid[data-hover=true]{box-shadow:0 0 0 1px #0006,0 12px 6px #0000000d,0 8px 5px #0000001a,0 4px 4px #00000026,0 1px 2px #0003}.crf-liquid[data-pressed=true]{box-shadow:0 0 0 1px #00000080,0 1px 2px #0000004d;transform:translateY(1px) scale(.98)}.crf-liquid__shader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;border-radius:var(--liquid-radius);background:linear-gradient(135deg,#3a3a3d,#d9d9dc 30%,#4a4a4e,#e6e6ea 80%,#3a3a3d)}.crf-liquid__shader canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;display:block}.crf-liquid__btn{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 2 * var(--liquid-rim));min-height:calc(50px - 2 * var(--liquid-rim));margin:var(--liquid-rim);padding-inline:12px;border:0;border-radius:calc(var(--liquid-radius) - 1px);background:linear-gradient(180deg,#202020,#000);color:#f4f4f4;text-shadow:0 1px #000;font-family:var(--sans);font-weight:var(--btn-weight,600);font-size:11.5px;letter-spacing:1.25px;text-transform:uppercase;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}.crf-liquid[data-pressed=true] .crf-liquid__btn{box-shadow:inset 0 2px 4px #0006,inset 0 1px 2px #0000004d}.crf-liquid__btn svg{width:16px;height:16px;flex-shrink:0;pointer-events:none;color:#c9c9cc;stroke-width:2.1}.crf-liquid__btn .label{position:relative;z-index:1}.crf-liquid__btn:focus-visible{outline:2px solid var(--jet);outline-offset:3px}.crf-liquid--light .crf-liquid__btn{background:linear-gradient(180deg,#fff,#f2f2f2);color:#111;text-shadow:none}.crf-liquid--light .crf-liquid__btn svg{color:#444}.crf-liquid--light[data-pressed=true] .crf-liquid__btn{box-shadow:inset 0 2px 4px #00000024,inset 0 1px 2px #0000001a}.crf-liquid--light .crf-liquid__ripple{background:radial-gradient(circle,#00000024,#0000 70%)}.crf-liquid__ripple{position:absolute;width:20px;height:20px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff6,#fff0 70%);animation:crf-liquid-ripple .6s ease-out forwards}@keyframes crf-liquid-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.6}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@media(prefers-reduced-motion:reduce){.crf-liquid,.crf-liquid__btn{transition:none}.crf-liquid[data-pressed=true]{transform:none}.crf-liquid__ripple{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/crf-liquid-button.css.map */