.alk-button {
    border-radius: 12px;
    font-size: 24px;
    line-height: 20px;
    font-family: 'Vertigo Regular';
    margin-bottom: 20px;
    width: 390px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
    padding-bottom: 35px;
}

.alk-button .button-titel{
    display: inline-block;
       width: 80%;
       vertical-align: middle;   
       
   }
 .alk-button .button-icon{
    display: inline-block;
   width: 15%;
   text-align: center;
   vertical-align: middle;
   }

.alk-button.donkerblauw {
    background-color:#002559; 
    color  :white;
}    
 .alk-button.donkerblauw:hover {
    background-color:#647A99 ; 
    }   

 .alk-button.middenblauw {
    background-color:#647A99 ;
    color  :white;
}    
 .alk-button.middenblauw:hover {
    background-color:#002559; 
}    

 .alk-button.lichtblauw{
    background-color: #C7CED9 ;
    color:#002559 ; 
}    
 .alk-button.lichtblauw:hover {
    background-color:#002559 ; 
    color: #C7CED9 ;
}    

 .alk-button.groen{
    background-color:#B8C6B6 ;
    color:#002559 ; 
}    
 .alk-button.groen:hover{
    background-color:#C7CED9 ;
    color:#002559 ;
}    
@media only screen and (max-width: 480px) {
   
   .alk-button {
      margin-bottom: 8px;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 12px;
      padding-bottom: 12px;
      margin-left: 0px;
      margin-right: 0px;
      width: unset;
  }
 
}