<style>
.subscribe {
background-color:red;
color : rgb(255, 255, 255) ;
border: none;
height : 40px;
width : 120px;
border-radius : 10px;
cursor : pointer;
font-size: medium;
font-style: italic;
margin-right : 10px;
}
.join-button:active {
opacity: 0.5;
background-color: brown;
}
.join {
background-color:orange;
color : blue ;
border: none;
font-size: medium;
font-style: italic;
height : 40px;
width : 100px;
border-radius : 5px;
cursor : pointer;
margin-right : 10px;
}
.tweet {
background-color:blue;
color : rgb(255, 255, 255) ;
border: none;
height : 40px;
width : 110px;
border-radius : 25px;
cursor : pointer;
font-size: 15px;
font-weight: bold;
}
</style>
<button class="subscribe">SUBSCRIBE </button>
<button class="join">JOIN</button>
<button class="tweet">TWEET</butotn>