<button class="btn-standart blau">click me!</button>
.btn-standart{
color: white;
position: relative;
padding: 1em 2em;
font-size: 16px;
font-weight: 600;
box-shadow: 0 8px 0 0 #3d9ec4;
border: 0px;
border-radius: 10px;
cursor: pointer;
}
.btn-standart:active{
box-shadow: none;
top: 10px;
margin-bottom: o;
}
.blau:hover{
background-color:#4bc7e8;
}
.blau {
background-color:#4bbce8;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.