JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="sun-quote-pages">   
  </div> 
</div>

CSS

.sun-quote-pages{
  border-radius: 50%;
    background-color: #f4953b;
    width: 4.1em;
    height: 4.1em;
    border: 2px solid transparent;
    transition: transform 0.5s ease, background 0.5s ease, box-shadow 0.5s ease;
}

.sun-quote-pages:hover {
     transform: scale(1.3);
    border: 2px solid #f4953b;
    margin: 2px;
    padding: 2px; 
}


.wrapper{
  margin-left:150px;
  margin-top:50px;
}