.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--app-btn-pad-v, 0px) var(--app-btn-pad-h, 15px);font-size:var(--app-btn-font-size, 14px);font-weight:500;line-height:1.25;font-family:inherit;text-align:center;text-decoration:none;border-radius:var(--app-btn-radius, 8px);border:var(--app-btn-border-w, 1px) solid transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease;-webkit-appearance:none;appearance:none;white-space:nowrap;min-height:40px}.app-btn:focus-visible{outline:2px solid var(--app-btn-bg, #1a56db);outline-offset:2px}.app-btn:disabled,.app-btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.app-btn--default{background-color:var(--app-btn-bg, #1a56db);color:var(--app-btn-text, #ffffff);border-color:var(--app-btn-bg, #1a56db)}.app-btn--default:hover{background-color:var(--app-btn-hover-bg, #1e429f);border-color:var(--app-btn-hover-bg, #1e429f)}.app-btn--default:active{opacity:.9}.app-btn--outline{background-color:transparent;color:var(--app-btn-bg, #1a56db);border-color:var(--app-btn-border-color, #1a56db)}.app-btn--outline:hover{background-color:var(--app-btn-bg, #1a56db);color:var(--app-btn-text, #ffffff);border-color:var(--app-btn-bg, #1a56db)}.app-btn--outline:active{opacity:.9}.app-btn--link{background-color:transparent;color:var(--app-btn-bg, #1a56db);border-color:transparent;padding-inline:0;text-underline-offset:3px}.app-btn--link:hover{color:var(--app-btn-hover-bg, #1e429f)}.app-btn--link:active{opacity:.8}.app-btn--gradient{background:linear-gradient(to bottom right,var(--app-btn-gradient-from, #1a56db),var(--app-btn-gradient-to, #7e3af2));color:var(--app-btn-text, #ffffff);border-color:transparent}.app-btn--gradient:hover{background:linear-gradient(to bottom left,var(--app-btn-gradient-from, #1a56db),var(--app-btn-gradient-to, #7e3af2));opacity:.9}.app-btn--gradient:active{opacity:.85}.app-btn--gradient-outline{position:relative;background-color:transparent;color:var(--app-btn-bg, #1a56db);border:none;z-index:0}.app-btn--gradient-outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--app-btn-radius, 8px);padding:var(--app-btn-border-w, 1px);background:linear-gradient(to bottom right,var(--app-btn-gradient-from, #1a56db),var(--app-btn-gradient-to, #7e3af2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.app-btn--gradient-outline:hover{background:linear-gradient(to bottom right,var(--app-btn-gradient-from, #1a56db),var(--app-btn-gradient-to, #7e3af2));color:var(--app-btn-text, #ffffff)}.app-btn--gradient-outline:hover:before{opacity:0}.app-btn--gradient-outline:active{opacity:.85}.app-btn--shadow{background-color:var(--app-btn-bg, #1a56db);color:var(--app-btn-text, #ffffff);border-color:var(--app-btn-bg, #1a56db);box-shadow:0 4px 14px color-mix(in srgb,var(--app-btn-bg, #1a56db) calc(var(--app-btn-shadow-opacity, 50) * 1%),transparent)}.app-btn--shadow:hover{background-color:var(--app-btn-hover-bg, #1e429f);border-color:var(--app-btn-hover-bg, #1e429f);box-shadow:0 6px 20px color-mix(in srgb,var(--app-btn-hover-bg, #1e429f) calc(var(--app-btn-shadow-opacity, 50) * 1%),transparent)}.app-btn--shadow:active{box-shadow:0 2px 8px color-mix(in srgb,var(--app-btn-bg, #1a56db) calc(var(--app-btn-shadow-opacity, 50) * 1%),transparent)}.app-btn svg{width:1em;height:1em;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/app-buttons.css.map */