JSFiddle - React, Tailwind, and code Playground

HTML

<button>Hover Me!</button>

CSS

button {
  display: block;
  width: 60px;
  height: 60px;
  text-decoration: none;
  padding: 5px;
  border: 1px solid red;
  transition-duration: 0.3;
  border-radius: 30px;
  transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000)
}

button:hover {
  border-radius: 0;
  border: 1px solid red;
 }