1 old vs modern architecture CSS techniques, side by side.
/* no forced-colors handling: in High Contrast mode the background is stripped and the transparent border becomes invisible. The button disappears. */.btn { background: var(--accent); color: white; border: 1px solid transparent;}
.btn { background: var(--accent); color: white; border: 1px solid transparent;}@media (forced-colors: active) { .btn { background: ButtonFace; color: ButtonText; border: 1px solid ButtonText; forced-color-adjust: none; }}/* High Contrast users see a real button instead of a coloured rectangle */