.main-btn{align-items:center;background:var(--color-bg);border-radius:2em;color:var(--color-txt);display:inline-flex;font-family:var(--font-c);font-size:.8em;font-weight:700;gap:.5em;justify-content:center;line-height:1.5;padding:.3em 1em;text-align:center;text-transform:uppercase;transition:all .5s ease}.main-btn.primary{--color-bg:var(--pink-200);--color-txt:var(--pink-600);--color-bg-hover:var(--color-txt);--color-txt-hover:var(--color-bg);border:2px solid var(--color-bg)}.main-btn.secondary{border:2px solid;--color-bg:transparent;--color-txt:var(--pink-600);--color-txt-hover:var(--pink-500)}.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);border:2px solid var(--color-bg-hover);color:var(--color-txt-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 ease}.main-btn:disabled{opacity:.5}.main-btn .icon.inline,.main-btn .nuxt-icon{height:.9em;width:.9em}