.ar {
    display: inline-block;
    padding: 1.5em;
    margin-bottom: 5px;
    background: #fff;
}
.arrow {
 display:inline-block;
 position: relative;
 padding:1em;
 border-radius:5px;
 background: #fdeee6;
}
.arrow:after {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
.arrow-top:after {
 bottom: 100%;
 left: 50%;
 border:10px solid transparent;
 border-bottom:10px solid #fdeee6;
 margin-left: -10px;
}
.arrow-left:after {
 right: 100%;
 top: 50%;
 border:10px solid transparent;
 border-right:10px solid #fdeee6;
 margin-top: -10px;
}