<html>
<head>
<style type="text/css">
.arrow {
width: 0;
height: 0;
font-size: 0;
border: solid 10px #000;
}
.arrow2 {
width: 0;
height: 0;
font-size: 0;
border: solid 10px;
border-color: #f00 #0f0 #00f #000;
}
.send {
position: relative;
width: 150px;
height: 35px;
background: #F8C301;
border-radius: 5px;
margin: 30px auto 0;
}
.send .arrow3 {
position: absolute;
top: 5px;
right: -16px;
width: 0;
height: 0;
font-size: 0;
border: solid 8px;
border-color: #4D4948 #4D4948 #4D4948 #F8C301;
}
</style>
</head>
<body>
<div class="arrow"></div>
<div class="arrow2"></div>
<div class="send">
<div class="arrow3"></div>
</div>
</body>
</html>
