.div{
width:100px
height:100px
border-radius:50%
border:1px solid red
&>div{
width:100%
height:100%
border-radius:50%
background:linear-graient(
180deg,
rgba(20,44,84,0.4) 40%
rgba(20,255,196,0.6)
)
}
}
&::before{
position:absolute,
top:50%
left:88px
content:''
width:2px
height:4px
background:green
transform:translateY(-50%)
}
&::after{
position:absolute,
top:50%
left:100px
content:''
width:2px
height:4px
background:green
transform:translateY(-50%)
}