.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--radius-sm);
  min-height: 48px;
  padding: 0 24px;
  font-size: 15px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: 0.01em;
  transition: background-color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.button--primary {
  background: linear-gradient(150deg, #1e7ae8 0%, #0a67d9 100%);
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(11, 103, 216, 0.3);
}

.button--primary:hover {
  background: linear-gradient(150deg, #1972dd 0%, #085bc4 100%);
  box-shadow: 0 15px 30px rgba(11, 103, 216, 0.35);
}

.button--light {
  background: rgba(255, 255, 255, 0.85);
  color: #1e2733;
  box-shadow: inset 0 0 0 1px rgba(142, 162, 185, 0.45), 0 8px 16px rgba(15, 23, 32, 0.08);
}

.button--light:hover {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(112, 139, 168, 0.56), 0 10px 20px rgba(15, 23, 32, 0.1);
}