Ook geleerd van AI:
De exacte wildcard-syntax die je zoekt om te zeggen "begint met" is ^=. Als je het sterretje * gebruikt (*=), zoekt de browser naar het woord ergens willekeurig in de tekst. Met het dakje ^= zoekt hij heel specifiek naar de start van de naam, wat in dit geval veel veiliger en sneller is.
Je kunt al die losse regels voor de zoek- en verzendknoppen in één klap vervangen door compacte en schone opbouw:
Voor de submit-knoppen:
[data-drupal-selector^="edit-submit"] { background-color: $pjella-hoofdkleur; border-color: $pjella-hoofdkleur; color: #000000; font-weight: 500; // Vergeet niet de hover-stijl hier direct onder te laten vallen &:hover, &:focus { background-color: $pjella-accentkleur; border-color: $pjella-accentkleur; color: #ffffff; }}
De rechte haken kende ik ook niet.