.Btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  padding: 10px 14px;
  border-radius: 999px;

  border:1px solid var(--line);
  text-decoration:none;

  font-weight:800;
  font-size: 14px;

  cursor:pointer;
  user-select:none;

  transition: transform .05s ease, box-shadow .15s ease, background .15s ease;
}

.Btn:active{
  transform: translateY(1px);
}

.Btn--primary{
  background: var(--primary);
  color:#fff;
  border-color: var(--primary);
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

.Btn--primary:hover{
  background: var(--primary-2);
}

.Btn--ghost{
  background: transparent;
  color: var(--text);
}

.Btn--ghost:hover{
  background: rgba(17,24,39,.05);
}