JSFiddle - React, Tailwind, and code Playground

HTML

<div>Click Here</div>

CSS

div {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 10px solid #fff;
    color: #fff;
    background: #515151;
    text-align: center;
    line-height: 100px;
    font-size: 20px;
    font-family: Arial;
    -webkit-transition: all .5s;
    transition: all .5s;
}

div:hover {
    border: 10px solid #FF4800;
    color: #FF4800;
}