.toggle-box {
	display: none;
}

.toggle-box + label {
    cursor: pointer;
    display: inline-block;
    font-weight: bold;

    color: #ffffff;
    letter-spacing: 0.3px;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.9);

    /* Rond kader */
    padding: 8px 14px;          /* binnen het kader */
    border-radius: 50px;
    border: 2px solid #6ea8ff;

    /* Glow effect */
    box-shadow:
        0 0 6px #6ea8ff,
        0 0 12px #6ea8ff80,
        0 0 20px #6ea8ff60;

    /* BUITENSTE padding → marge */
    margin-top: 8px;
    margin-bottom: 8px;
}

.toggle-box + label + div {
	display: none;
	margin-bottom: 10px;
}

.toggle-box:checked + label + div {
	padding:7px; 
	display: table; 
	margin:auto; 
	border-radius: 10px; 
}