/* Brand colours, dimensions, icon geometry and the 1px shadows remain owned by their existing rules. */
@media(hover:hover) and (pointer:fine){
 html body .vmk230-button{transition:transform 160ms ease,filter 160ms ease,box-shadow 160ms ease!important}
 html body .vmk230-button:not(:disabled):hover{transform:var(--vmk230-transform,translate(0)) translateY(-1px)!important;filter:var(--vmk230-filter,brightness(1)) brightness(1.10)!important}
 html body .vmk230-button:not(:disabled):active{transform:var(--vmk230-transform,translate(0))!important;filter:var(--vmk230-filter,brightness(1)) brightness(1.04)!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}html body .vmk230-button:not(:disabled):hover{transform:var(--vmk230-transform,translate(0))!important}}