<a href="#" class="btn2">ボタンはこちら2</a>
.btn2 {
display: inline-block;
padding: 1em;
text-decoration: none;
color: white;
background: #3F51B5;
border-radius: 3px;
border: 1px solid #3F51B5;
transition: all 0.3s ease 0s;
}
.btn2:hover {
background-color: white;
color: #3F51B5;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.