CSS rectangular button

CSS rectangular button with hover effects

by ITpresent

HTML

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





















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

CSS

.b{
   border-top:        5px solid #a3ceda;
   border-left:        5px solid #a3ceda;
   border-right:    5px solid #4f6267;
   border-bottom:    5px solid #4f6267;
   height: 65px;
   width: 160px;
   padding: 10px 25px;
   font-size: 25px;
   background-color: #c4f1fe;
   font-weight: bold;
   color:    #2d525d;
 }
.b:hover {
   background: #28597a;
   color: #ccc;
 }