# Girasol intenso (B 006)

Categoría: Botones  
Etiquetas: solid, flat, rounded, warm, dark-text  
Página: https://designforai.dev/es/snippet/btn-006

## Prompt

Un botón amarillo vivo #facc15 con texto casi negro #1c1917, 16px en negrita, radio de 10px, padding de 14px por 28px. Al pasar el cursor se oscurece a #eab308 y se eleva 1px; en active vuelve abajo y usa #ca8a04. Anillo de foco de 3px casi negro.

## HTML

```html
<button class="btn-006">Buy now</button>
```

## CSS

```css
.btn-006 {
  font: 700 16px/1 system-ui,sans-serif;
  color: #1c1917;
  background: #facc15;
  border: 0;
  border-radius: 10px;
  padding: 14px 28px;
  cursor: pointer;
  transition: background .15s,transform .15s
}
.btn-006:hover {
  background: #eab308;
  transform: translateY(-1px)
}
.btn-006:focus-visible {
  outline: 3px solid #1c1917;
  outline-offset: 2px
}
.btn-006:active {
  background: #ca8a04;
  transform: none
}
```