.bf-purchase-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:22px;flex-shrink:0;color:var(--bf-button-icon,#c52032)}.bf-purchase-icon svg{width:23px;height:22px;overflow:visible}[data-bf-button-style=heart-soft] .bf-grid-btn{background:linear-gradient(110deg,#25121c,#151115);border:1px solid #c52032;animation:none;padding:10px 12px}[data-bf-button-style=bag-solid] .bf-grid-btn{background:#c52032;border:1px solid #c52032;animation:none;padding:10px 12px}[data-bf-button-style=bag-solid] .bf-purchase-icon{color:#fff}[data-bf-button-style=bag-solid] .bf-grid-arrow,[data-bf-button-style=sparkle] .bf-grid-arrow{display:none}[data-bf-button-style=sparkle] .bf-grid-btn{position:relative;overflow:hidden;background:#120e12;border:1px solid #7b304c;animation:none;padding:10px 12px}[data-bf-button-style=sparkle] .bf-grid-btn:after{content:"";position:absolute;inset-block:0;left:-45%;width:32%;background:linear-gradient(90deg,transparent,#f9c2d728,transparent);transform:skew(-20deg);pointer-events:none}[data-bf-button-style=gift-panel] .bf-grid-btn{overflow:hidden;justify-content:flex-start;background:#151115;border:1px solid #4f2939;animation:none;padding:0 8px 0 0;gap:7px}[data-bf-button-style=gift-panel] .bf-purchase-icon{align-self:stretch;width:36px;height:auto;min-height:40px;background:#c52032;color:#fff}[data-bf-button-style=gift-panel] .bf-grid-arrow{margin-left:auto}.bf-grid-btn:not(:disabled):is(:hover,:focus-visible) .bf-purchase-icon svg{animation:bf-icon-pulse .75s ease 2}[data-bf-button-style=flame] .bf-grid-btn:not(:disabled):is(:hover,:focus-visible) .bf-purchase-icon svg{transform-origin:50% 100%;animation:bf-icon-flame .65s ease 2}[data-bf-button-style=cherry] .bf-grid-btn:not(:disabled):is(:hover,:focus-visible) .bf-purchase-icon svg{transform-origin:50% 0;animation:bf-icon-sway .7s ease 2}[data-bf-button-style=mask] .bf-grid-btn:not(:disabled):is(:hover,:focus-visible) .bf-purchase-icon svg,[data-bf-button-style=gift-panel] .bf-grid-btn:not(:disabled):is(:hover,:focus-visible) .bf-purchase-icon svg{animation:bf-icon-sway .7s ease 2}[data-bf-button-style=bag-solid] .bf-grid-btn:not(:disabled):is(:hover,:focus-visible) .bf-purchase-icon svg{animation:bf-icon-bounce .6s ease 2}[data-bf-button-style=sparkle] .bf-grid-btn:not(:disabled):is(:hover,:focus-visible):after{animation:bf-icon-shine .8s ease}@keyframes bf-icon-pulse{0%,to{transform:scale(1)}25%{transform:scale(1.2)}45%{transform:scale(1)}65%{transform:scale(1.1)}}@keyframes bf-icon-flame{0%,to{transform:scale(1);filter:none}45%{transform:scale(.94,1.15);filter:drop-shadow(0 0 3px #c52032)}75%{transform:scale(1.06,.98)}}@keyframes bf-icon-sway{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}70%{transform:rotate(8deg)}}@keyframes bf-icon-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-4px)}70%{transform:translateY(1px)}}@keyframes bf-icon-shine{0%{left:-45%}to{left:120%}}.bf-static-buttons .bf-grid-btn .bf-purchase-icon svg,.bf-static-buttons .bf-grid-btn:after{animation:none!important}@media(prefers-reduced-motion:reduce){.bf-grid-btn .bf-purchase-icon svg,.bf-grid-btn:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/bf-button-styles.css.map */