button.app-btn{--shadow-btn:0 2px 10px rgba(71,86,144,0.2);--shadow-btn-hover:0 4px 10px rgba(71,86,144,0.2);padding:.6em 1.2em;font-size:.9em;font-weight:700;line-height:1;border-radius:4px;letter-spacing:-.02em;color:var(--color-text);transition:all .2s ease-in-out}button.app-btn:focus{outline:none}button.app-btn:active{opacity:.8;transition:all 0s}button.app-btn.tiny{font-size:11px;padding:2px 4px;font-weight:500}button.app-btn.small{font-size:.75em;padding:.35em .5em}button.app-btn.large{font-size:1.2em;padding:.8em 1.4em .9em}button.app-btn.subtle{box-shadow:none;opacity:.6}button.app-btn.default{background:#fff;box-shadow:inset 0 0 0 .5px rgba(71,86,144,.3),var(--shadow-btn)}button.app-btn.primary,button.app-btn.secondary{box-shadow:var(--shadow-btn)}button.app-btn.primary:hover,button.app-btn.secondary:hover{box-shadow:var(--shadow-btn-hover)}button.app-btn.primary{color:var(--color-primary-text,#fff);background:var(--color-primary)}button.app-btn.primary .ring-path{stroke:var(--color-primary-text,#fff)}button.app-btn.secondary{color:var(--color-secondary-text,#fff);background:var(--color-secondary)}button.app-btn.secondary .ring-path{stroke:var(--color-secondary-text,#fff)}