estoy creando un botón transition con css pero la letra se sale de este. El efecto de diseño del botón es como se muestra en la imagen:
Ahora este el código que estoy usando:
#btnCrear{
padding: 1px 15px 3px 2px;
border-radius:50px;
width: 32px;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition: width 1s, background 1s;
-moz-transition: width 1s, background 1s;
-o-transition: width 1s, background 1s;
transition: width 1s, background 1s;
}
#btnCrear:hover {
width: 100px;
}
<button style="float:right;" id="btnCrear">
problema
</button>
Por ello solicito su ayuda compañeros, ya que no he encontrado ninguna solución en la red.