.balloon{background:#e2f8de;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.12);display:inline-block;margin:12px 20px 2px;max-width:80%;padding:5px 12px;position:relative}.balloon--left{background:#eee}.balloon:after{border-color:transparent #e2f8de transparent transparent;border-style:solid;border-width:12px 12px 12px 0;content:"";position:absolute;right:-8px;top:-5px;transform:rotate(45deg);width:20px}.balloon--left:after{border-color:transparent transparent transparent #eee;border-width:12px 0 12px 12px;left:-10px;right:auto;top:2px;transform:rotate(90deg)}.balloon-date{display:inline-block;font-size:.7em;padding:0 30px}