body{
    background-color: blue;
}
section{
    width: 300px;
    height: 300px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 100%;
}

section>h2{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: max-content;
    height: max-content;
    color: white;
}

section::after{
    content: " ";
    position: absolute;
    border: 20px solid gray;
    border-top: 20px solid red;
    border-radius: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

}

section:hover::after{
    transform:rotate(360deg) ;
    transition: all 2s;
}