JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box"></div>

CSS

.box {
	width: 250px;
	height: 250px;
	border-radius: 50%;	
	position: relative;
	border: 10px solid transparent;
	background: #fff;
	background-clip: padding-box;
	box-shadow: 0 3px 10px black;
  margin: auto;
} 
.box:after {
	content:'';
	position: absolute;
    top: -10px; 
    bottom: -10px;
    left: -10px; 
    right: -10px;
	background: linear-gradient(gold, red);
	border-radius: 50%;
    z-index: -1;
}