.qbs-btn{font-weight:500;font-size:14px;line-height:20px;padding:18px 32px;max-height:56px;min-width:140px;border-radius:8px;border-color:transparent;position:relative;z-index:5;display:inline-block;overflow:hidden}.qbs-btn div{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.qbs-btn:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;transition:.5s;z-index:0}.qbs-btn.primary-btn{color:var(--white);background-color:var(--primary)}.qbs-btn.primary-btn:before{background-color:var(--primary-light)}.qbs-btn.light-btn{color:var(--black);background-color:var(--white)}.qbs-btn.light-btn:before{background-color:#f8f5f5}.qbs-btn:hover:before{width:100%}.qbs-btn:hover .arrow-icon{animation:arrow-slide .3s linear}.qbs-btn.outline-btn{color:var(--white);background-color:transparent;border:1px solid var(--white)}.qbs-btn.primary-outline{color:var(--primary);background-color:transparent;border:1px solid var(--primary)}.qbs-btn.yellow-btn{color:var(--black);background-color:#fcb633;border:1px solid #fcb633}.qbs-btn.yellow-btn:before{background-color:#ffc559}.qbs-btn.red-outline{color:#ff5050;background-color:transparent;border:1px solid #ff5050;transition:color .2s ease-in-out}.qbs-btn.red-outline:hover{color:var(--white)}.qbs-btn.red-outline:before{background-color:#ff5050}@keyframes arrow-slide{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}@media (max-width:640px){.qbs-btn div{justify-content:center}}