# `14` Anchor Like Button

Los enlaces (`anchors`) no solo se usan dentro del texto: cuando usas enlaces (`anchors`) fuera del texto, es mejor hacer que se vean como botones para que la experiencia del usuario sea más amigable.

## 📝 Instrucciones:

Sigue estos pasos para que tu enlace (`anchor`) se vea así:

1. Haz que se vea como una caja: establece el `padding` en `10px`.

2. Bordes redondeados: establece el `border-radius` en `4px`.

3. El `background` debe ser de color `orange`, y cuando el ratón esté sobre el botón (`:hover`), el `background` debe ser `darkorange`.

4. Eliminar subrayado: establece `text-decoration` a `none`.

5. Establece el color del texto a blanco (`white`)

+ *Para que el botón se vea diferente cuando el usuario pasa el ratón por encima, usamos el selector `:hover`: https://www.w3schools.com/cssref/sel_hover.php*

6. Dentro del selector `:hover` cambia el fondo del botón a `darkorange`.

## 💻 Resultado esperado:

![Resultado esperado](../../.learn/assets/13-1.gif?raw=true)
