/* Colour, gloss, icon geometry, focus rings and layout remain native. */
html body .vmk230-button{transition:transform 160ms ease,filter 160ms ease,box-shadow 160ms ease!important}
@media(hover:hover) and (pointer:fine){
 html:not(#vmk281a):not(#vmk281b):not(#vmk281c):not(#vmk281d):not(#vmk281e):not(#vmk281f):not(#vmk281g):not(#vmk281h):not(#vmk281i):not(#vmk281j) body .vmk230-button:not(:disabled):not([aria-disabled=true]):hover{transform:var(--vmk230-transform,translate(0))!important;translate:var(--vmk281-translate,none)!important;scale:var(--vmk281-scale,1)!important;filter:var(--vmk230-filter,brightness(1))!important}
 html body .vmk230-button[data-vmk281-state=hover]{transform:var(--vmk230-transform,translate(0)) translateY(1px) scale(.99)!important;filter:var(--vmk230-filter,brightness(1)) brightness(1.10)!important}
}
html body .vmk230-button:focus-visible{filter:var(--vmk230-filter,brightness(1)) brightness(1.10)!important}
@media(prefers-reduced-motion:reduce){html body .vmk230-button{transition:filter 120ms ease!important}}

/* VMK283 Design-Logik: one crisp black CSS-pixel shadow; no text stroke.
   Native SVG icon shadows remain independent and unchanged. */
html:not(#vmk283a):not(#vmk283b):not(#vmk283c):not(#vmk283d) body :is(.glossy-button,.button,.mobile-menu-toggle,.kp-toggle61,.info-button),
html:not(#vmk283a):not(#vmk283b):not(#vmk283c):not(#vmk283d) body :is(.glossy-button,.button,.mobile-menu-toggle,.kp-toggle61,.info-button) :is(span,strong,b,small){text-shadow:1px 1px 0 #000!important;-webkit-text-stroke-width:0!important}