.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;border:2px solid transparent;border-radius:var(--button-radius);transition:all var(--duration-normal) var(--ease-out);-webkit-appearance:none;appearance:none}.button:disabled,.button[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.button svg,.button .icon{width:16px;height:16px;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out)}.button:hover svg,.button:hover .icon{transform:translate(4px)}.button--primary{background-color:var(--color-button-bg, var(--color-text));color:var(--color-button-text, var(--color-background));border-color:var(--color-button-bg, var(--color-text))}.button--primary:hover{background-color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.button--primary:active{transform:translateY(0);box-shadow:none}.button--secondary{background-color:var(--color-background-secondary);color:var(--color-text);border-color:var(--color-background-secondary)}.button--secondary:hover{background-color:var(--color-background-tertiary);border-color:var(--color-background-tertiary)}.button--outline{background-color:transparent;color:var(--color-text);border-color:var(--color-border-dark)}.button--outline:hover{background-color:var(--color-text);color:var(--color-background);border-color:var(--color-text)}.button--underline{padding:8px 0;background:none;color:var(--color-text);border:none;border-radius:0;position:relative}.button--underline:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(1);transform-origin:left;transition:transform var(--duration-normal) var(--ease-out)}.button--underline:hover:after{transform:scaleX(0);transform-origin:right}.button--small{padding:10px 20px;font-size:var(--font-size-xs)}.button--large{padding:20px 40px;font-size:var(--font-size-base)}.button--full{width:100%}.button--icon{padding:12px;border-radius:var(--radius-full)}.button--icon svg{width:20px;height:20px}.button--icon:hover svg{transform:none}.button-group{display:flex;flex-wrap:wrap;gap:12px}.button-group--center{justify-content:center}.button.is-loading{position:relative;color:transparent!important;pointer-events:none}.button.is-loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:buttonSpinner .6s linear infinite}@keyframes buttonSpinner{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hyper-buttons.css.map */