.main-btn-icon{display:inline-flex;justify-content:center;align-items:center;text-align:center;color:inherit}.main-btn-icon.primary{background:var(--color);color:var(--fill-color)}.main-btn-icon.primary:hover{background:var(--hover-color);color:var(--hover-fill-color)}.main-btn-icon.square{border-radius:.25em;padding:.5em;font-size:.8em}.main-btn-icon.round{border-radius:100%;padding:1em;font-size:.75em}div.main-btn-icon{transition:all .5s ease}.main-btn{display:inline-flex;justify-content:center;align-items:center;padding:.8em 1.4em;gap:.5em;border-radius:2em;background:var(--color);color:var(--text-color);line-height:1;font-weight:500;position:relative;--btn-height:2.7em}.main-btn span{z-index:1}.main-btn.has-arrow{margin-right:var(--btn-height)}.main-btn.has-arrow:after{content:"";display:block;z-index:0;width:100%;height:var(--btn-height);background:var(--color);position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:2em;transition:width .5s ease,background .5s ease}.main-btn.has-arrow:hover:after{width:calc(100% + var(--btn-height));background:var(--hover-color)}.main-btn:hover .main-btn-arrow{background:var(--hover-color);color:var(--text-hover-color);fill:var(--text-hover-color)}.main-btn-arrow{display:flex;flex-shrink:0;position:absolute;right:calc(var(--btn-height)*-1)}.main-btn-arrow.round{width:var(--btn-height);height:var(--btn-height);padding:0;font-size:1em!important}.main-btn-arrow.round .icon{font-size:1em!important;width:1em!important;height:1em!important;transform:rotate(-45deg)}.body-text .main-btn *{margin-bottom:0}a .main-btn:hover,a.main-btn:hover,article .main-btn:hover,button .main-btn:hover,button.main-btn:hover{background:var(--hover-color);color:var(--text-hover-color)}a div.main-btn,article div.main-btn,button div.main-btn{transition:all .5s ease}.main-btn:disabled{opacity:.5}.main-btn .icon{width:.8em;height:.8em}