.balloon-arrow[data-position=top]:before{content:"";position:absolute;left:0;right:0;top:100%;width:9px;height:7px;margin:-2px auto 10px;background:#e78c9d;-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0)}.balloon-arrow[data-position=bottom]:before{content:"";position:absolute;left:16px;bottom:100%;width:9px;height:7px;margin:auto 0;background:#e78c9d;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}@media (min-width: 768px){.balloon-arrow[data-position=top]:before{left:auto;right:100%;top:0;bottom:0;width:7px;height:9px;margin:auto -2px auto 0;-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%)}.balloon-arrow[data-position=bottom]:before{left:auto;right:100%;top:0;bottom:0;width:9px;height:12px;margin:auto -1px auto 0;-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%)}}