<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.