:root{--qk-purple: #7C33FF;--qk-purple-dark: #692BD9;--qk-ink: #151223;--qk-ink-soft: #312E3D;--qk-yellow: #FED678;--qk-white: #FFFFFF;--qk-line: #E5DEF0;--qk-focus: #AC7EFF;--qk-fill-hover: #151223;--qk-fill-press: #151223}.qk-btn{--btn-bg: var(--qk-purple);--btn-fg: var(--qk-white);--btn-bd: transparent;--btn-fill: var(--qk-ink);--btn-fg-hover: var(--qk-white);--btn-bd-hover: transparent;--btn-h: 56px;--btn-py: 16px;--btn-px: 24px;--btn-radius: 8px;--btn-fs: 18px;--btn-lh: 22px;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;max-width:100%;height:var(--btn-h);margin:0;padding:var(--btn-py) var(--btn-px);border:0 solid var(--btn-bd);border-radius:var(--btn-radius);font-family:"Outfit",var(--font-heading-family),sans-serif;font-weight:500;font-size:var(--btn-fs);letter-spacing:0;line-height:var(--btn-lh);white-space:nowrap;color:var(--btn-fg);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:var(--btn-bg);background-image:radial-gradient(ellipse 50% 100% at 50% 100%,var(--btn-fill) 98%,transparent 100%);background-repeat:no-repeat;background-position:center bottom;background-origin:border-box;background-size:0% 0%;transition:background-size .2s ease-out,color .2s ease-out,border-color .2s ease-out,transform .2s ease}@media(hover:hover){.qk-btn:not([aria-disabled=true]):not(:disabled):hover{background-size:400% 300%;color:var(--btn-fg-hover);border-color:var(--btn-bd-hover);transition:background-size .3s ease,color .3s ease,border-color .3s ease,transform .2s ease}}.qk-btn:not([aria-disabled=true]):not(:disabled):active{transform:scale(.97)}.qk-btn.animated{-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.qk-btn:focus-visible{outline:2px solid var(--qk-focus);outline-offset:2px}.qk-btn[aria-disabled=true],.qk-btn:disabled{opacity:.5;cursor:not-allowed}.qk-btn__mask{display:block;min-width:0;max-width:100%;overflow:hidden;height:var(--btn-lh);line-height:var(--btn-lh)}.qk-btn__roll{display:flex;flex-direction:column;transition:transform .2s ease-out}.qk-btn__roll>span{display:block;height:var(--btn-lh);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qk-btn:focus-visible .qk-btn__roll{transform:translateY(-50%);transition:transform .3s ease}@media(hover:hover){.qk-btn:not([aria-disabled=true]):not(:disabled):hover .qk-btn__roll{transform:translateY(-50%);transition:transform .3s ease}}.qk-btn svg{flex-shrink:0}.qk-btn--s{--btn-h: 40px;--btn-py: 8px;--btn-px: 16px;--btn-radius: 6px;--btn-fs: 16px;--btn-lh: 20px}.qk-btn--m{--btn-h: 48px;--btn-py: 12px;--btn-px: 20px;--btn-radius: 8px;--btn-fs: 16px;--btn-lh: 20px}.qk-btn--l{--btn-h: 56px;--btn-py: 16px;--btn-px: 24px;--btn-radius: 8px;--btn-fs: 18px;--btn-lh: 22px}.qk-btn--primary{--btn-bg: var(--qk-purple);--btn-fg: var(--qk-white);--btn-fill: var(--qk-ink)}.qk-btn--white{--btn-bg: var(--qk-white);--btn-fg: var(--qk-ink);--btn-fill: var(--qk-ink)}.qk-btn--yellow{--btn-bg: var(--qk-yellow);--btn-fg: var(--qk-ink);--btn-fill: var(--qk-ink)}.qk-btn--black{--btn-bg: var(--qk-ink);--btn-fg: var(--qk-white);--btn-fill: var(--qk-white);--btn-fg-hover: var(--qk-ink)}.qk-btn--outline{--btn-bg: transparent;--btn-fg: var(--qk-white);--btn-bd: var(--qk-white);--btn-fill: var(--qk-ink);--btn-bd-hover: var(--qk-ink);border-width:1px}.qk-btn--outline-dark{--btn-bg: transparent;--btn-fg: var(--qk-ink);--btn-bd: var(--qk-ink);--btn-fill: var(--qk-ink);--btn-bd-hover: var(--qk-ink);border-width:1px}@media(hover:hover){.qk-btn--outline:not([aria-disabled=true]):not(:disabled):hover,.qk-btn--outline-dark:not([aria-disabled=true]):not(:disabled):hover{transition:background-size .5s ease,color .3s ease,border-color .3s ease,transform .2s ease}}.qk-btn--link{--btn-bg: transparent;--btn-fg: var(--qk-purple);--btn-fg-hover: var(--btn-fg);--btn-h: auto;--btn-py: 0;--btn-px: 0;--btn-radius: 0;background-image:none}@media(hover:hover){.qk-btn--link:not([aria-disabled=true]):not(:disabled):hover{text-decoration:underline;text-underline-offset:3px}}.qk-btn--link-purple{--btn-fg: var(--qk-purple)}.qk-btn--link-white{--btn-fg: var(--qk-white)}.qk-btn--link-yellow{--btn-fg: var(--qk-yellow)}.qk-btn--block{--btn-h: 48px;--btn-py: 12px;--btn-px: 20px;--btn-radius: 8px;--btn-fs: 16px;--btn-lh: 20px;display:flex;width:100%}.qk-arrow{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--qk-line);border-radius:999px;background:var(--qk-white);color:var(--qk-ink);font-size:15px;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.qk-arrow:hover{border-color:var(--qk-fill-hover)}.qk-arrow:active{border-color:var(--qk-fill-press);transform:scale(.97)}.qk-arrow:focus-visible{outline:2px solid var(--qk-focus);outline-offset:2px}.qk-arrow:disabled{opacity:.4;cursor:default;transform:none;border-color:var(--qk-line)}@media(prefers-reduced-motion:reduce){.qk-btn,.qk-btn:hover,.qk-btn__roll,.qk-arrow{transition:none!important}}.section-qikify-hero-banner .banner__content .banner__buttons a.qk-btn{display:inline-flex;gap:0;min-width:0;min-height:0;padding:var(--btn-py) var(--btn-px);font-family:"Outfit",var(--font-heading-family),sans-serif;font-size:var(--btn-fs);font-weight:500;letter-spacing:0;line-height:var(--btn-lh);color:var(--btn-fg);background-color:var(--btn-bg);transition:background-size .2s ease-out,color .2s ease-out,border-color .2s ease-out,transform .2s ease}.section-qikify-hero-banner .banner__content .banner__buttons a.qk-btn:hover{color:var(--btn-fg)!important;background-color:var(--btn-bg)!important}@media(hover:hover){.section-qikify-hero-banner .banner__content .banner__buttons a.qk-btn:not([aria-disabled=true]):hover{color:var(--btn-fg-hover)!important;transition:background-size .3s ease,color .3s ease,border-color .3s ease,transform .2s ease}.section-qikify-hero-banner .banner__content .banner__buttons a.qk-btn--outline:not([aria-disabled=true]):hover,.section-qikify-hero-banner .banner__content .banner__buttons a.qk-btn--outline-dark:not([aria-disabled=true]):hover{transition:background-size .5s ease,color .3s ease,border-color .3s ease,transform .2s ease}}.section-qikify-case-study .case-study__qk-btn{margin:40px auto 20px}.banner__buttons-group:has(.qk-btn),.button__groups:has(.qk-btn){column-gap:16px}.banner__links>.banner_seperate:empty:has(~.qk-btn){display:none}.banner__buttons-group:has(.qk-btn) .banner__links:has(>.qk-btn),.button__groups:has(.qk-btn) .banner__links:has(>.qk-btn){display:inline-flex;align-items:baseline;column-gap:16px}.banner__buttons-group:has(.qk-btn) .banner__links .banner_seperate,.button__groups:has(.qk-btn) .banner__links .banner_seperate{margin-left:0;margin-right:0}.section-qikify-rich-text .rich-text__buttons--multiple>.qk-btn{flex-grow:0;min-width:0}.section-qikify-app-features .feature-block__info>.qk-btn{display:flex;width:fit-content}.qk-btn.multicolumn__button{margin-top:1.5rem}@media screen and (min-width:750px){.qk-btn.multicolumn__button{margin-top:4rem}}.image-with-text__text~.qk-btn.image-with-text__button{margin-top:3rem}.qk-btn.image-with-text__button~.image-with-text__text{margin-top:2rem}.section-qikify-app-info .pricing-plan__button-with-price>.qk-btn{align-self:center;flex-shrink:0}.banner .banner__buttons--multiple>.qk-btn{flex-grow:0;min-width:0}.section-qikify-app-block .app-block__qk-btn{margin-top:39px}.section-qikify-tab-component .slide-heading-content .feature-block__info>.qk-btn{margin-top:37px}.section-qikify-hl-activities .multicolumn-card .button-groups>.qk-btn{margin-left:auto;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/197/assets/qikify-buttons.css.map */