# Win95 grey (B 095)

Category: Buttons  
Tags: retro, win95, bevel, system  
Page: https://designforai.dev/snippet/btn-095

## Prompt

A classic 1990s operating-system button: flat #c0c0c0 grey, square corners, 13px regular black "OK", 8px by 26px padding, 90px minimum width, with a two-step bevel drawn from inset shadows (white and #dfdfdf top-left, #808080 and black bottom-right). Active flips the bevel and nudges the text 1px down-right. Focus draws a 1px dotted rectangle inside the button. Default cursor, no transitions.

## HTML

```html
<button class="btn-095">OK</button>
```

## CSS

```css
.btn-095 {
  font: 400 13px/1 system-ui,sans-serif;
  color: #000;
  background: #c0c0c0;
  border: 0;
  border-radius: 0;
  padding: 8px 26px;
  min-width: 90px;
  cursor: default;
  box-shadow: inset -1px -1px 0 #000,inset 1px 1px 0 #fff,inset -2px -2px 0 #808080,inset 2px 2px 0 #dfdfdf
}
.btn-095:hover {
  background: #c8c8c8
}
.btn-095:focus-visible {
  outline: 1px dotted #000;
  outline-offset: -5px
}
.btn-095:active {
  box-shadow: inset 1px 1px 0 #000,inset -1px -1px 0 #fff,inset 2px 2px 0 #808080,inset -2px -2px 0 #dfdfdf;
  padding: 9px 25px 7px 27px
}
```
