<a href="#" class="-btn -bg -txt">
BUTTON
</a>
<br>
<a href="#" class="-btn -bg -txt">
<div>
BUTTON<br>
<span class="-xs">
Please Touch me!
</span>
</div>
</a>
a {
text-decoration: none;
}
.-btn {
display: flex;
justify-content: center;
align-items: center;
width: 216px;
height: 56px;
text-align: center;
border-radius: 12px;
}
.-btn:hover {
opacity: .8;
}
.-bg {
background: #1c449b;
}
.-txt {
color: #fff;
}
.-xs {
font-size: 12px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.