:root{--square-grid-size:25px;--square-grid-color:rgba(226,226,226,0.2);--square-grid-line-width:1px;--square-grid-opacity:1}.general-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;transition:all .3s linear}.general-btn:before{content:"";position:absolute;top:-3px;left:-3px;width:100%;height:100%;z-index:-1;pointer-events:none}.general-btn svg,.general-btn:before{transition:all .3s linear}.general-btn:hover:before{top:2px;left:2px;width:calc(100% + 1px);height:calc(100% + 1px)}.general-btn:hover svg{transform:translateX(3px)}.general-btn.primary{background-color:var(--theme-color-5);color:var(--theme-color-1);transition:all .3s linear}.general-btn.primary svg{stroke:var(--theme-color-1)}.general-btn.primary:before{border:1px solid var(--theme-color-5);background-color:var(--theme-color-1)}.general-btn.secondary{background-color:var(--theme-color-1);border:1px solid var(--theme-color-3);color:var(--theme-color-6)}.general-btn.secondary svg{stroke:var(--theme-color-6)}.general-btn.secondary:before{border:1px solid var(--theme-color-3);background-color:var(--theme-color-1)}.general-btn.small{padding:10px 15px;min-width:80px}.general-btn.small span{font-size:12px}.general-btn.small:hover svg{transform:translateX(0)}.general-btn.medium{padding:10px 24px;min-width:120px}.general-btn.large{padding:14px 30px;min-width:160px}.general-btn span{font-size:14px;font-style:normal;font-weight:400;line-height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.general-btn svg{width:30px;height:20px}@media screen and (max-width:1199px){.general-btn.medium{padding:8px 20px;min-width:80px}.general-btn.large{padding:10px 24px;min-width:130px}.general-btn span{font-size:12px}.general-btn:hover svg{transform:translateX(0)}}