.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;font-family:var(--font-body);font-size:16px;line-height:var(--leading-small);font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .25s linear}.btn:hover{opacity:.85}@media (min-width: 1025px){.btn{padding:18px 24px;border-radius:16px}}.btn-outline{background:transparent;border:1px solid var(--color-white);color:var(--color-white);font-weight:500}.btn-white{background:var(--color-white);color:var(--color-purple-dark);border:1px solid var(--color-white);box-shadow:0 4px 12px #00000026,inset 0 2px 4px #ffffff80}.btn-purple{background:var(--color-purple);color:var(--color-white);border:1px solid var(--color-purple);box-shadow:0 4px 12px #5411c14d,inset 0 2px 4px #ffffff26}.btn-purple:hover{background:#6918eb;border-color:#6918eb;opacity:1;box-shadow:0 4px 12px #6918eb66,inset 0 2px 4px #ffffff26}.btn-purple-nav{background:var(--color-purple-dark);color:var(--color-white);border:1px solid var(--color-purple-dark);box-shadow:0 4px 12px #3300804d,inset 0 2px 4px #ffffff26}.btn-purple-nav:hover{background:#6918eb;border-color:#6918eb;opacity:1}.btn-dark{background:#fff3;color:var(--color-white);border:1px solid rgba(255,255,255,.18);border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-dark:hover{background:#ffffff47;opacity:1}@media (min-width: 1025px){.btn-dark{border-radius:12px}}.btn-outline-dark{background:transparent;border:1px solid var(--color-purple-dark);color:var(--color-purple-dark);font-weight:500}.btn-outline-dark:hover{background:var(--color-purple-dark);color:var(--color-white);opacity:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{opacity:.5}