svg{fill:inherit;height:100%;max-height:100%;max-width:100%}.icon,svg{width:100%}.icon{align-items:center;display:inline-flex;justify-content:center;line-height:0!important}.icon.inline{height:1em;width:1em}.icon:not([filled=true]) svg,.icon:not([filled=true]) svg *{fill:currentColor!important}.main-btn-icon{align-items:center;color:inherit;display:inline-flex;justify-content:center;text-align:center}.main-btn-icon.primary{background:var(--color);color:var(--fill-color)}.main-btn-icon:disabled{opacity:.4}.main-btn-icon.primary:hover:not([disabled]){background:var(--hover-color);color:var(--hover-fill-color)}.main-btn-icon.square{--size:2.4em;font-size:1em;height:var(--size);padding:0;width:var(--size)}.main-btn-icon.round{border-radius:100%;font-size:.75em;padding:1em}div.main-btn-icon{transition:all .25s ease}@media(min-width:700px){.main-btn-icon.square{height:2.6em;width:2.6em}}.main-btn{align-items:center;background:var(--color);color:var(--text-color);display:inline-flex;font-weight:500;gap:.5em;justify-content:center;line-height:1;padding:.8em 1.4em;position:relative;text-transform:uppercase!important}.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 .25s ease}.main-btn:disabled{opacity:.5}.main-btn .icon{height:.8em;width:.8em}