css bubble

http://nicolasgallagher.com/pure-css-speech-bubbles/demo/

.bubble{

padding:25px;
position:relative;
border: 3px solid $brandBlue;

&::before{
content: “”;
position: absolute;
bottom: -50px;
right:25px;
border-width: 50px 50px 0 0;
border-style: solid;
border-color: $brandBlue transparent;
display: block;
width: 0;
}
&::after{
content: “”;
position: absolute;
bottom: -43px;
right:28px;
border-width: 43px 43px 0 0;
border-style: solid;
border-color: #fff transparent;
display: block;
width: 0;
}
}