.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 28px;
  border:1px solid transparent;border-radius:var(--radius-s);
  font-size:var(--fs-small);font-weight:600;
  letter-spacing:.07em;text-transform:uppercase;
  cursor:pointer;transition:background-color .25s,border-color .25s,color .25s;
}
.btn--primary{background:var(--c-green);color:var(--c-on-dark)}
.btn--primary:hover{background:var(--c-green-hover)}

.btn--gold{border-color:var(--c-gold);color:var(--c-gold-soft);background:rgba(10,14,22,.28)}
.btn--gold:hover{background:var(--c-gold);color:#1B1305;border-color:var(--c-gold)}

.btn--ghost{border-color:rgba(247,242,230,.5);color:var(--c-on-dark)}
.btn--ghost:hover{background:rgba(247,242,230,.13);border-color:var(--c-on-dark)}

.btn--outline{border-color:var(--c-line);color:var(--c-graphite);background:#fff}
.btn--outline:hover{border-color:var(--c-green);color:var(--c-green)}

.btn--sm{padding:9px 16px;font-size:.75rem}
.btn[disabled]{opacity:.5;cursor:default}