.button-1{background:var(--primary-bg-color);color:var(--white-color);padding:8px 18px;display:flex;align-items:center;justify-content:center;border:none;font-size:16px;font-style:normal;transition:all .3s;font-weight:500;line-height:24px;position:relative;overflow:hidden;cursor:pointer;border-radius:8px}.button-1:after{content:"";clear:both;display:block;position:absolute;width:100%;height:100%;top:0;left:-100%;background:var(--headding-color);opacity:.1;z-index:-1;transition:all .3s ease}.button-1:hover:after{left:0}.button-1.button-2{color:var(--body-color);border:1px solid var(--primary-color);background:rgba(0,0,0,0)}.button-1.button-2:hover{background:var(--primary-bg-color);color:var(--section-bg2)}.button-1.cancel{border:1px solid rgba(20,168,0,.2509803922);padding:11px 40px;background:#f2f7f2;color:#696e76}.button-1.back{border:1px solid var(--primary-color);padding:11px 40px;color:#696e76;background:rgba(0,0,0,0)}.button-1.back:hover{color:#fff;background:var(--primary-bg-color)}.button-1 span.icon-1{margin-right:6px;opacity:1;line-height:0px}.button-1 span.icon-1 img,.button-1 span.icon-1 svg{width:20px;height:20px}.button-1 span.icon-2{margin-left:6px;opacity:1;line-height:0px}.button-1 span.icon-2 img,.button-1 span.icon-2 svg{width:20px;height:20px}.button-1:disabled{opacity:.4;cursor:no-drop}