<button class="btn">
Hover
</button>
.btn{
padding: 2rem;
background: #333222;
color: white;
}
.btn:active{
background-color: #48484830;
color: black;
cursor: pointer;
}
@media (hover:hover){
.btn:hover {
background-color: #48484830;
color: black;
cursor: pointer;
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.