.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--btn-h);padding:0 var(--btn-px);border-radius:var(--radius-btn);font-family:'Nunito',sans-serif;font-size:var(--btn-fs);font-weight:var(--btn-fw);letter-spacing:var(--btn-ls);text-transform:var(--btn-case);line-height:1;white-space:nowrap;border:var(--btn-border) solid transparent;cursor:pointer;transition:transform .2s var(--ease),filter .2s,border-color .2s,color .2s}
.btn:hover{transform:translateY(calc(var(--btn-lift) * -1))}
.btn-fill{background:var(--btn-fill-bg);color:var(--on-accent);box-shadow:var(--btn-shadow)}
.btn-fill:hover{filter:brightness(1.07)}
.btn-line{background:transparent;border-color:var(--line);color:var(--text)}
.btn-line:hover{border-color:var(--accent);color:var(--accent)}
.btn-block{display:flex;width:100%;gap:8px}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}
.btn svg{width:17px;height:17px;flex-shrink:0}
.btn-sm{height:var(--btn-sm-h);padding:0 var(--btn-sm-px);font-size:var(--btn-sm-fs);border-radius:var(--radius-btn-sm)}