.bubble{position:relative;background-color:#333;border:4px solid #333;border-radius:30px;font-family:sans-serif;padding:20px}.bubble:before,.bubble:after{content:' ';position:absolute;width:0;height:0}.speech:before{left:20px;bottom:-25px;border:12px solid;border-color:#333 #fff0 #fff0 #333}.speech:after{left:24px;bottom:-13px;border:8px solid;border-color:#333 #fff0 #fff0 #333}.speech-up{position:relative;background-color:#F45C49;border:4px solid #F45C49;border-radius:10px;font-family:sans-serif;padding:10px;margin-top:60px}.speech-up:before{content:' ';position:absolute;left:20px;top:-24px;border:12px solid;border-color:#fff0 #fff0 #F45C49 #fff0}.speech-up:after{content:' ';position:absolute;left:24px;top:-16px;border:8px solid;border-color:#fff0 #fff0 #F45C49 #fff0}