Degradado atardecer

Degradado atardecer: botón en CSS. Copia las reglas, o el prompt que reproduce el resultado.

CSS

.btn-024 {
  font: 600 15px/1 system-ui,sans-serif;
  color: #fff;
  background: linear-gradient(135deg,#f97316,#ec4899);
  border: 0;
  border-radius: 10px;
  padding: 13px 26px;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(236,72,153,.3);
  transition: filter .15s,transform .15s,box-shadow .15s
}
.btn-024:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(236,72,153,.35)
}
.btn-024:focus-visible {
  outline: 3px solid rgba(236,72,153,.5);
  outline-offset: 2px
}
.btn-024:active {
  filter: brightness(.92);
  transform: none
}

HTML

<button class="btn-024">Get access</button>

Prompt

Un botón con degradado a 135deg de naranja #f97316 a rosa #ec4899, texto blanco de 15px semibold, radio de 10px, padding de 13px por 26px, con una sombra de resplandor rosa 0 4px 14px al 30%. Al pasar el cursor se aclara un 8%, se eleva 1px y el resplandor se intensifica; en active se atenúa al 92%. Anillo de foco rosa translúcido.

Degradado atardecer

Misma estantería