.4f.html

<button class="tweet">
  Tweet
</button>
<button class="subscribe">
  subscribe
</button>
<style>
  .tweet{background-color:rgba(24, 125, 188, 0.759);
color:white;
border:none;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
border-radius:20px;
font-size:18px;
font-weight:bold;
cursor:pointer;
transition:0.15s;
}
.tweet:hover{opacity:0.5s;
box-shadow:5px 5px 5px rgba(0,0,0,0.15);

background-color:rgb(37, 88, 146);}
.tweet:active{opacity:0.2s
    
}
.subscribe{border-bottom-color:rgb(15, 15, 15)
    ;border-bottom-left-radius:18px;
    border-bottom-right-radius:18px;
    border-top-right-radius:25px;
    border-top-left-radius:25px;
    border-bottom-style:none;
    border-bottom-width:0px;
    border-left-color:rgb(15, 15, 15);
    border-left-style:none;
    border-left-width:0px;
    border-right-color:rgb(15, 15, 15);
    border-right-style:none;
    border-right-width:0px;
    color:rgb(15, 15, 15);
cursor:pointer;
font-size:18px;
background-color:rgb(223, 39, 19);
padding-bottom:10px;
padding-top:10px;
padding-left:18px;
padding-right:18px;

}
.subscribe:hover{opacity:0.5s;
background-color:red;}
</style>