Playground | Purely CSS

.glow {
  padding: 14px 28px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  font-weight: 600;
  background: linear-gradient(135deg, #6d4aff, #22d3ee);
  transition: transform .2s, box-shadow .2s;
}
.glow:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(109, 74, 255, .45);
}

.glow {
  padding: 14px 28px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  font-weight: 600;
  background: linear-gradient(135deg, #6d4aff, #22d3ee);
  transition: transform .2s, box-shadow .2s;
}
.glow:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(109, 74, 255, .45);
}

Publish your creation

Pure HTML and CSS only. Iframes, scripts, forms and images or media from other sites are not allowed. New creations are reviewed before they appear in the public library.