JSFiddle - React, Tailwind, and code Playground

by ckissi

HTML

<div class="grad-btn">
   
</div>

CSS

.grad-btn{
  width: 343px;
  height: 48px;
  margin: 24px 83px 0 85px;
  padding: 14px 87px 14px 88px;
  border-radius: 24px;
  border-style: solid;
  border-width: 2px;
  background-image: linear-gradient: conic-gradient(from 0.36turn, #ff6800, #eed30e 0.19turn, #1fff00 0.38turn, #008cff 0.49turn, #3908ff 0.62turn, #db2658 0.83turn, #ff6800);
  border-image-slice: 1;
 
}