Как сделать красивую стрелку на css

<div class="btn">Привет как дела?!</div>

.btn { 
background-color: #F5F5F5;
background-image: -o-linear-gradient(top, #E3E3B9, #E8E8C5);
background-repeat: repeat-x;
border-left: 1px solid #E6E6E6;
border-radius: 4px;
border-right: 1px solid #E6E6E6;
border-top: 1px solid #E6E6E6;
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.196), 0px 1px 2px rgba(0, 0, 0, 0.047);
color: #333333;
display: inline-block;
font-size: 14px;
line-height: 20px;
margin-bottom: 0px;
padding: 4px 14px;
text-align: center;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.749);
vertical-align: middle;
}