# Neo-brutal Farbschatten (B 047)

Kategorie: Buttons  
Tags: brutalist, neo-brutalist, coloured-shadow, rounded  
Seite: https://designforai.dev/de/snippet/btn-047

## Prompt

Ein neo-brutalistischer Button mit farbigem hartem Schatten: weiße Füllung, 2.5px Rahmen #1e1b4b, 8px Radius, #1e1b4b Text 15px bold, 12px mal 24px Padding, Versatzschatten 4px 4px in Perlblau #a5b4fc. Hover vergrößert den Schatten auf 6px in Indigo #6366f1 und tönt die Füllung #eef2ff; active bewegt 4px nach unten rechts und lässt den Schatten fallen. Fokus-Outline 3px Indigo.

## HTML

```html
<button class="btn-047">Download</button>
```

## CSS

```css
.btn-047 {
  font: 700 15px/1 system-ui,sans-serif;
  color: #1e1b4b;
  background: #fff;
  border: 2.5px solid #1e1b4b;
  border-radius: 8px;
  padding: 12px 24px;
  cursor: pointer;
  box-shadow: 4px 4px 0 #a5b4fc;
  transition: transform .1s,box-shadow .1s,background .1s
}
.btn-047:hover {
  box-shadow: 6px 6px 0 #6366f1;
  background: #eef2ff
}
.btn-047:focus-visible {
  outline: 3px solid #6366f1;
  outline-offset: 3px
}
.btn-047:active {
  transform: translate(4px,4px);
  box-shadow: 0 0 0 #6366f1
}
```