.wc-chocolate{--wc-cream: #fff4dc;--wc-w: 300px;--wc-h: 81px;appearance:none;-webkit-appearance:none;box-sizing:border-box;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:14px;width:var(--wc-w);max-width:100%;min-width:0;height:var(--wc-h);min-height:0;margin:0;padding:0 15%;border:0;border-radius:6px;background:url(wc-chocolate-bar.webp) center / 100% 100% no-repeat;color:var(--wc-cream);box-shadow:0 5px 9px -3px #3a1c0c61,0 2px 3px #3a1c0c29;font-family:inherit;font-size:16px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase;text-align:center;text-decoration:none;white-space:nowrap;text-shadow:0 1px 0 rgba(31,14,9,.85),0 -1px 0 rgba(255,214,170,.14),0 0 6px rgba(31,14,9,.35);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .18s ease,box-shadow .18s ease}.wc-chocolate:before{content:none}.wc-chocolate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,225,180,.14) 47%,rgba(255,240,215,.2) 50%,transparent 62%);background-size:300% 100%;background-position:100% 0;opacity:0;-webkit-mask:url(wc-chocolate-bar.webp) center / 100% 100% no-repeat;mask:url(wc-chocolate-bar.webp) center / 100% 100% no-repeat}.wc-chocolate__label{position:relative}.wc-chocolate__arrow{position:relative;font-size:1.4em;font-weight:400;line-height:1;letter-spacing:0;transition:transform .18s ease}@media(hover:hover){.wc-chocolate:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 9px 14px -4px #3a1c0c6b,0 3px 5px #3a1c0c29}.wc-chocolate:not(:disabled):hover:after{animation:wc-chocolate-shine .9s ease-out}.wc-chocolate:not(:disabled):hover .wc-chocolate__arrow{transform:translate(3px)}}.wc-chocolate:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px 3px -1px #3a1c0c66;transition-duration:70ms}.wc-chocolate:not(:disabled):active:after{animation:none;opacity:1;background:#180a0424}.wc-chocolate:focus-visible{outline:3px solid #7c472d;outline-offset:5px}.wc-chocolate:disabled{opacity:.5;cursor:not-allowed}@keyframes wc-chocolate-shine{0%{background-position:100% 0;opacity:0}15%{opacity:1}80%{opacity:1}to{background-position:0% 0;opacity:0}}@media(prefers-reduced-motion:reduce){.wc-chocolate,.wc-chocolate__arrow{transition:none}.wc-chocolate:not(:disabled):hover:after{animation:none}.wc-chocolate:not(:disabled):hover,.wc-chocolate:not(:disabled):active,.wc-chocolate:not(:disabled):hover .wc-chocolate__arrow{transform:none}}@media(forced-colors:active){.wc-chocolate{border:2px solid ButtonText;background:ButtonFace;color:ButtonText;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/wc-chocolate.css.map */