.login-btn {
  background: linear-gradient(257.75deg, rgba(246, 18, 133, 0.44) 0%, rgba(98, 57, 167, 0.44) 82.96%), linear-gradient(0deg, #FF1082, #FF1082);
  color: var(--white, #fff);
  padding: 5px 25px;
  border-radius: var(--radius-lg, 25px);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  box-shadow: var(--shadow-sm, 0 4px 15px rgba(98,57,167,.3));
  transition: transform .2s, box-shadow .2s;
  text-decoration: none;
}

.login-btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm-hot, 0 6px 20px rgba(246,18,133,.4));
  color: var(--white, #fff);
  text-decoration: none;
}