3a.html

<button class="requestnow">
  Request now
</button>
<button class="addtocart">
  Add to Cart
</button>
<button class="signup">
  Sign up
</button>

<style>
  .requestnow{background-color:black;
  color:white;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;

padding-top:15px;
padding-bottom:15px;
cursor:pointer;}
.requestnow:hover{opacity:0.7;
background-color:rgb(38, 26, 26);
 transition:opacity 0.15s;}
  .requestnow:active{opacity:0.7;}
</style>

<style>
.addtocart{background-color:rgb(255, 216, 20);
  padding-top:15px;
  padding-bottom:15px;
  padding-left:28px;
  padding-right:28px;
  
  border-radius:30px;
  font-weight:bold;
  border:none;
cursor:pointer;}
  .addtocart:hover{opacity:0.7;
  background-color:rgb(226, 193, 24);
transition:opacity 0.2s;}
</style>
<style>
.signup{background-color:rgb(35, 163, 35);
color:white;
font-weight:bold;
border-radius:5px;
border:none;
height:35px;
width:108px;
font-size:15px;
cursor:pointer;

transition:0.15s;}
.signup:hover{opacity:0.9;
  box-shadow:5px 5px 10px rgba(0,0,0,0.15);}

</style>