html[data-pagina] .knop, html[data-pagina] .veld button {
display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 0;
font: 800 15px/1 var(--tm-vet); letter-spacing: .14em; text-transform: uppercase; text-decoration: none; text-align: center;
padding: 22px 30px 21px; border: 2px solid var(--fg, var(--tm-inkt)); border-radius: 0; cursor: pointer; white-space: nowrap;
background: var(--fg, var(--tm-inkt)); color: var(--bg, var(--tm-papier)); box-shadow: none;
transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
html[data-pagina] .knop:hover, html[data-pagina] .knop:focus-visible, html[data-pagina] .veld button:hover, html[data-pagina] .veld button:focus-visible { background: transparent; color: var(--fg, var(--tm-inkt)); border-color: var(--fg, var(--tm-inkt)); box-shadow: none; outline: none; }
@media (max-width: 767px) { html[data-pagina] .knop, html[data-pagina] .veld button { padding: 21px 20px 20px; } }