JSFiddle - React, Tailwind, and code Playground

by ckissi

HTML

<div class="Container">

</div>

CSS

.Container {
  width: 343px;
  height: 48px;
  margin: 24px 84px 0;
  padding: 14px 87px 14px 88px;
  border-radius: 24px;
  border-style: solid;
  border-width: 2px;
  border-image-source: 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;
}