CSS Gradients

<div class="bg-gradient-to-r from-pink to-yellow">Hello World</div>

.to-yellow {
  --gradient-to-color: #FFBE0B;
}

.from-pink {
  --gradient-from-color: #FF006E;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 0, 110, 0));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--gradient-color-stops));
}