.button { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; } .button:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } .button:active { background: #3cb0fd; background-image: -webkit-linear-gradient(bottom, #3cb0fd, #3498db); background-image: -moz-linear-gradient(bottom, #3cb0fd, #3498db); background-image: -ms-linear-gradient(bottom, #3cb0fd, #3498db); background-image: -o-linear-gradient(bottom, #3cb0fd, #3498db); background-image: linear-gradient(to top, #3cb0fd, #3498db); text-decoration: none; } .button:before{ content: "\0000a0"; display: inline-block; height: 24px; width: 24px; line-height: 24px; margin: 0 4px -6px -4px; position: relative; top: 0px; left: 0px; background: url("GeneratorePulsanti/test-ico.png") no-repeat left center transparent; background-size: 100% 100%; }