:root{--btn-font-family: var(--font-heading);--btn-radius-default: var(--buttons-radius, 15px);--btn-radius-small: calc(var(--btn-radius-default) * .8);--color-primary: rgb(var(--color-button, 25, 63, 33));--color-primary-text: rgb(var(--color-button-text, 242, 242, 242));--color-secondary: rgb(var(--color-secondary-button, 242, 242, 242));--color-secondary-text: rgb(var(--color-secondary-button-text, 52, 52, 52));--color-white: #FFFFFF;--color-white-text: #343434;--color-border: rgb(var(--color-foreground, 52, 52, 52))}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;padding:12px 28px;min-width:180px;min-height:46px;border-radius:var(--btn-radius-default);font-family:var(--btn-font-family);font-weight:500;font-size:16px;line-height:1.4;text-transform:var(--btn-text-transform, none);text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:var(--buttons-border-width, 1px) solid var(--color-border);box-shadow:var(--buttons-shadow-horizontal-offset, 0px) var(--buttons-shadow-vertical-offset, 4px) var(--buttons-shadow-blur-radius, 5px) rgba(0,0,0,var(--buttons-shadow-opacity, 0));-webkit-appearance:none;appearance:none;background:none;white-space:nowrap;outline:none;position:relative;overflow:hidden}.btn__icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.btn__icon svg{width:1.2em;height:1.2em;fill:currentColor}.btn--icon-right:hover .btn__icon--right{transform:translate(4px)}.btn--icon-left:hover .btn__icon--left{transform:translate(-4px)}.btn:hover{filter:brightness(90%);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--loading{pointer-events:none;opacity:.8}.btn__spinner{width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--primary{background-color:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn--secondary{background-color:var(--color-secondary);color:var(--color-secondary-text);border-color:var(--color-secondary)}.btn--outline{background-color:transparent;color:var(--color-secondary-text);border-color:var(--color-border)}.btn--ghost{background-color:transparent;color:var(--color-secondary-text);border-color:transparent}.btn--ghost:hover{background-color:#0000000d}.btn--white{background-color:var(--color-white);color:var(--color-white-text);border-color:var(--color-white)}.btn--glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2)}.btn--glass:hover{background:#fff3;border-color:#fff6}.btn--small{height:36px;padding:0 20px;font-size:14px;border-radius:var(--btn-radius-small)}.btn--full{width:100%}.btn--uppercase{text-transform:uppercase;letter-spacing:.05em}.btn--decoration{text-decoration:underline;text-underline-offset:4px}.btn-group{display:flex;flex-wrap:wrap;gap:var(--btn-group-gap-mobile, var(--btn-group-gap, 12px));align-items:center}@media screen and (min-width:750px){.btn-group{gap:var(--btn-group-gap-desktop, var(--btn-group-gap, 12px))}}.btn-group--center{justify-content:center}.btn-group--right{justify-content:flex-end}@media screen and (min-width:750px){.btn-group--pc-left{justify-content:flex-start}.btn-group--pc-center{justify-content:center}.btn-group--pc-right{justify-content:flex-end}}@media screen and (max-width:749px){.btn-group--mb-left{justify-content:flex-start}.btn-group--mb-center{justify-content:center}.btn-group--mb-right{justify-content:flex-end}}.btn-group--column{flex-direction:column;align-items:stretch}@media screen and (max-width:749px){.btn-group--mobile-column{flex-direction:column;align-items:stretch;width:100%;gap:var(--btn-group-gap-mobile, var(--btn-group-gap, 12px))}.btn-group--mobile-column .btn{width:100%;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/klickspell-button.css.map */