.terug{
    border: 3px solid #28A745;
    background-color: #28A745;
    color: white;
    border-radius: 8px;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.terug:hover{
    border: 3px solid #28A745;
    border-radius: 2px;
    background-color: transparent;
    color: #28A745;
    text-decoration-line: none;
}
.terug:active{
    background-color: #28A745;
    color: white;
}
.voegalerttoe{
    display: inline-block;
    border: 3px solid #28A745;
    background-color: #28A745;
    color: white;
    border-radius: 50%;
    padding: 16px 16px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.voegalerttoe:hover{
    border: 3px solid #28A745;
    border-radius: 2px;
    background-color: transparent;
    color: #28A745;
    text-decoration-line: none;
}
.verwijderalert{
    display: inline-block;
    border: 3px solid #DC3545;
    background-color: #DC3545;
    color: white;
    border-radius: 50%;
    padding: 16px 16px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.verwijderalert:hover{
    border: 3px solid #DC3545;
    border-radius: 2px;
    background-color: transparent;
    color: #DC3545;
    text-decoration-line: none;
}