Eai, tava vendo uns ícones aqui no meu PC, e decidi fazer um botão com um que eu encontrei, ficou simples, mas é isso.
Source
Source
- Spoiler:
<html>
<head>
<title>Surcape</title>
<style type="text/css">
.text {
background-color: rgb(95,164,197);
float: left;
padding: 4px;
padding-right: 35px;
height: 30px;
border-radius: 4px;
font-family: "Segoe UI";
color: #fff;
letter-spacing: -1px;
font-size: 20px;
text-shadow: 0 2px rgba(0,0,0,0.18);
font-weight: 300;
margin-top: 20px;
margin-bottom: 0;
box-shadow: 0 0 5px rgba(0,0,0,0.18);
}
.text-icon {
position: fixed;
background-image: url(https://imgur.com/cyZYFGI.png);
width: 22px;
height: 20px;
top: 34px;
left: 60px;
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
}
.text-icon:hover{
opacity:0.9;
}
</style>
</head>
<body>
<a href="#"><div class="text">Curtir
<div class="text-icon"></div>
</div></a>
</body>
</html>
