.button-met-tekst-container {
    border-radius: 12px;
    padding-top: 50px;
    padding-bottom: 42px;
    margin-bottom: 50px;
}


.button-met-tekst-container.donkerblauw {
    background-color:#002559; 
    color: white;
}
.button-met-tekst-container.middenblauw {
    background-color:#647A99 ;
    color: white;
}
.button-met-tekst-container.lichtblauw {
    background-color: #C7CED9 ;
    color: #002559;
}
.button-met-tekst-container.groen {
    background-color:#B8C6B6 ;
    color: #002559;
}
.button-met-tekst-container.donkerblauw .button-container{
    background-color:#647A99 ;
}
.button-met-tekst-container.middenblauw button-container{
    background-color: #C7CED9; 
}
.button-met-tekst-container.lichtblauw button-container{
    background-color: #002559 ;
}
.button-met-tekst-container.groen button-container{
    background-color:white ;
    color: #002559;
}



.button-met-tekst-container .titel{
    color: white;
    text-align: center;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    MARGIN-BOTTOM: 20px
}
.button-met-tekst-container .tekst{
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    MARGIN-BOTTOM: 20px;
    font-size: 20px;
}


.button-met-tekst-container .button-container{
    background-color: #002559;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Vertigo Demi-Bold';
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 22px;
    padding-right: 22px;
    max-width: max-content;
}

.button-met-tekst-container .button-container:hover{
        background-color: #647A99;
}

.button-met-tekst-container .button-titel{
    color: white;
    text-align: center;
}

@media only screen and (max-width: 480px) {
    .button-met-tekst-container .titel{
        font-size: 24px;
        line-height: 28px;
        
    }
    .button-met-tekst-container .button-container{
             max-width: 95%;
    }
    .button-met-tekst-container {
        padding-top: 24px;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
}