.overstichting {
    background-color: var(--theme);
    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 40px;

        --size: 50px;
        --p: 25px;
        --R: sqrt(var(--p) * var(--p) + var(--size) * var(--size));
      
        mask:
          radial-gradient(var(--R) at 50% calc(100% - (var(--size) + var(--p))), #000 99%, #0000 101%)
            calc(50% - 2 * var(--size)) 0/calc(4 * var(--size)) 100%,
          radial-gradient(var(--R) at 50% calc(100% + var(--p)), #0000 99%, #000 101%) 
            50% calc(100% - var(--size)) / calc(4 * var(--size)) 100% repeat-x;
      }


.overstichting .container {
    display:flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0px;
}

.overstichting .container>div {
    background-color: var(--surface);
    

    border-radius: var(--round);
    padding: 20px;
}



.overstichting h3 span {
    color: var(--primary);
}

@media screen and (min-width: 992px) {
.overstichting .container {
    flex-direction: row;
}
.overstichting .container>div {
    width: 304px;
}
.overstichting h3 {
    font-size: 20px;
}
}
.buttons {
    display: flex;
    gap: 20px;
    max-width: 100%;
    flex-wrap:wrap;
}

.overstichting img {
    width: 150px;
}

.overstichting .main-button {
    border: solid 3px var(--primary-hover);
}