CSS circle button

CSS circle button with hover effects

by ITpresent

HTML

<button class="c">PRESS</button>





















<br><br><br>
<a href="https://itpresent.com/web/css/buttons.php" target="_blank">CSS Styling Button</a>

CSS

.c {
  width: 100px;
  height:100px;
  border-radius: 50%;
  background:green;
  color:white;
  font-weight: bold;
  border: 8px solid #143795;
  }
.c:hover {
  background: #28597a;
  border-color:#3387E5;
  color: red;   
  }