.main-btn{text-align:center;font-family:var(--font-body);background:var(--color-bg);color:var(--color-txt);border-radius:2em;justify-content:center;align-items:center;gap:.5em;padding:1em 1.4em;font-size:.9em;font-weight:600;line-height:1;transition:all .5s;display:inline-flex}.main-btn.primary{--color-bg:var(--teal-950);--color-txt:var(--white);--color-bg-hover:var(--white);--color-txt-hover:var(--teal-950)}.main-btn.secondary{--color-bg:transparent;--color-txt:var(--teal-950);--color-txt-hover:var(--teal-950);border:2px solid}.main-btn:not(.secondary):hover,a:hover .main-btn,article:hover div.main-btn:not(.secondary),button:hover .main-btn:not(.secondary){background:var(--color-bg-hover);color:var(--color-txt-hover);border:2px solid var(--color-bg-hover)}.main-btn:hover,a:hover .main-btn,article:hover div.main-btn,button:hover .main-btn{background:var(--color-bg-hover);color:var(--color-txt-hover)}a div.main-btn,article div.main-btn,button .main-btn{transition:all .5s}.main-btn:disabled{opacity:.5}.main-btn .icon.inline,.main-btn .nuxt-icon{width:.9em;height:.9em}