.main-btn{align-items:center;background:var(--color);border-radius:4em;color:var(--color-text);display:inline-flex;font-family:var(--font-head);font-weight:700;justify-content:center;padding:.8em 1.3em;text-transform:uppercase}.main-btn.primary{--color:var(--blue);--color-text:var(--white);--color-hover:var(--blue-dark);--color-text-hover:var(--white)}.main-btn.secondary{--color:var(--gray-500);--color-text:var(--white);--color-hover:var(--blue-dark);--color-text-hover:var(--white)}.main-btn.tertiary{--color:var(--off-black);--color-text:var(--white);--color-hover:var(--blue-dark);--color-text-hover:var(--white)}.body-text .main-btn *{margin-bottom:0}.main-btn .icon{height:1.2em;margin-left:1em;width:1.2em}a .main-btn:hover,a.main-btn:hover,article .main-btn:hover,button .main-btn:hover,button.main-btn:hover{background:var(--color-hover);color:var(--color-text-hover)}a div.main-btn,article div.main-btn,button .main-btn{transition:all .5s ease}.main-btn:disabled{opacity:.5}@media (min-width:1000px){.main-btn{padding:.8em 1.7em}}