.btn{
  padding:10px 18px;
  border-radius:6px;
  border:none;
  font-size:12px;
  font-weight:600;
  transition:all 150ms ease;
  position:relative;
  overflow:hidden;
}
.btn:active{transform:scale(0.97) !important}

.btn-primary{
  background:var(--accent);
  color:#fff;
  border:none;
}
.btn-primary:hover{background:var(--accent-hover)}

.btn-secondary{
  background:transparent;
  color:var(--text);
  border:1px solid rgba(255,255,255,0.1);
}
.btn-secondary:hover{background:rgba(255,255,255,0.05)}

.btn-sm{padding:8px 14px;font-size:11px;border-radius:4px}

.btn-green{background:var(--green);color:#fff}
.btn-green:hover{opacity:0.9}

.btn-red{background:var(--red);color:#fff}
.btn-red:hover{opacity:0.9}