multi-stop-magma-cascade

bg-[radial-gradient(80%_90%_at_18%_16%,color-mix(in_srgb,#e0f2fe_56%,transparent)_0%,transparent_58%),radial-gradient(72%_84%_at_84%_82%,color-mix(in_srgb,#0284c7_40%,transparent)_0%,transparent_62%),linear-gradient(132deg,#f0f9ff_0%,#e0f2fe_24%,#7dd3fc_50%,#0284c7_74%,#0c4a6e_100%)] border border-solid border-[color-mix(in_srgb,#0c4a6e_18%,transparent)]

.radial-multi-stop-magma-cascade {

  background-image:
    radial-gradient(80% 90% at 18% 16%, color-mix(in srgb, #e0f2fe 56%, transparent) 0%, transparent 58%),
    radial-gradient(72% 84% at 84% 82%, color-mix(in srgb, #0284c7 40%, transparent) 0%, transparent 62%),
    linear-gradient(132deg, #f0f9ff 0%, #e0f2fe 24%, #7dd3fc 50%, #0284c7 74%, #0c4a6e 100%);
  border: 1px solid color-mix(in srgb, #0c4a6e 18%, transparent);
}