.main-btn{align-items:baseline;background:transparent;background:var(--color);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);display:inline-flex;font-size:1.1em;font-weight:400;gap:.5em;justify-content:center;letter-spacing:.05em;padding:.2em .5em;text-transform:uppercase}.main-btn.white{--color:transparent;--color-hover:var(--white);--text-color:var(--white);--text-color-hover:var(--black);--border-color:var(--white)}.main-btn.white:hover{--color-hover:var(--white);--text-color-hover:var(--black);--border-color-hover:var(--white)}.main-btn.secondary.black{--color:var(--mono-100);--color-hover:var(--white);--text-color:var(--black);--text-color-hover:var(--black);--border-color:var(--black);--border-color-hover:var(--white)}.body-text .main-btn *{margin-bottom:0}a.main-btn:hover,a:hover .main-btn,article:hover .main-btn,button.main-btn:hover,button:hover .main-btn{background:var(--color-hover);border-color:var(--border-color-hover);color:var(--text-color-hover)}a div.main-btn,article div.main-btn,button .main-btn{transition:all .5s ease}.main-btn:disabled{opacity:.25}.main-btn .nuxt-icon{height:.8em;width:.8em}@media (min-width:700px){.main-btn{border-radius:8px}}