.button-menu {
            display: inline-block; /* Zorgt ervoor dat de <a> zich als een button gedraagt */
            padding-left: 10px;
            padding-right: 10px;
            /* font-size: 16px; */
            text-align: center;
            cursor: pointer;
            outline: none;
            /* color: #fff; */
            text-decoration: none; /* Verwijdert standaard onderstreping van links */
            line-height: 39px; /* Zorgt ervoor dat de tekst verticaal gecentreerd wordt */
            
            /* Primaire kleur button */
            /* background-color: #ff4d00; */
            
            border: none;
            /* border-radius: 15px; */
            height: 39px;

            box-shadow: 0 0px #999;
            transition: all 1.25s;
            margin: 10px 2px 10px;
            margin-left: 20px;
            margin-right: 20px;
            padding: 0 20px; /* Extra padding voor de binnenkant */
           /*  pointer-events: none; */
           
        }
        

        .button-menu:hover {
            transition: all 1.25s;
            /* Rollover kleur button */
            /* background-color: #ff6700; */
        }

        .button-menu:active {
            /* Rollover kleur button */
            /* background-color: #ff6700; */
            box-shadow: 0 5px #666;
            transform: translateY(4px);
        }