.body{
background-color:white;
display:flex;
justify-content:center;
align-items:center;
height:100px;
}

.bin{
	margin:10px;
	padding:10px 40px;
	cursor:pointer;
}
.btn1{
background-color:transparent;
border:3px solid #ff02d5;
border-radius:50px;
-webkit-transition:a11 0.15s ease-in-out;
color:#ff02d5;
}
.btn1:hover{
box-shadow: 0 0 10px #ff02d5 inset,0 0 20px 2px #ff02d5;
}

.btn2{
border:3px solid #fff;
border-radius:50px;
background-image:linear-gradient(30deg,#00ff77 50%,transparent);
background-size:500px;
background-repeat:no-repeat;
background-position:0%;
-webkit-transition:background 300ms ease-in-out;
transition:background 300ms ease-in-out;
}
.btn2:hover{
background-position:100px;
transition:10.5s;
color:#0004ff;
border:3px solid #0004ff;
}
.btn3{
border:2px solid #0a4fff;
border-radius:50px;
background-color:#3c73ff;
color:#fff;
transition:0.6s;
}
.btn3:hover{
box-shadow:8px 0px #e8ecf3;
transition:0.6s;
}

.btn4{
background-color:transparent;
border:3px solid #ff5602;
border-radius:50px;
color:#ff5602;
transition:0.6s;
}
.btn4:hover{
animation:pluse is infinite;
transition:0.6s;
}