<button class='section button'>Twitter</button>
button {
border-radius: 100%;
padding: 10px;
margin: 50px
}
/* Pseudo-class */
.button:hover {
background-color: #ff9900;
}
/* Pseudo-element */
.section::before {
content: "6";
padding: 1px;
border-radius: 80%;
position: absolute;
background-color: red;
width: 20px;
height: 20px;
top: 50px;
left: 50px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.