.tags{display:inline;position:relative}.tags:hover:after{background:#333;background:#000c;border-radius:5px;bottom:-34px;color:#fff;content:attr(data-gloss);left:50%;transform:translate(-50%);padding:5px 15px;position:absolute;z-index:98;max-width:200px;white-space:normal;word-wrap:break-word}.tags:hover:before{border:solid;border-color:#333 transparent;border-width:0 6px 6px 6px;bottom:-4px;content:"";left:50%;position:absolute;z-index:99}table{border:1px solid #ddd}@media(max-width:600px){.tags:hover:after{width:auto;max-width:80%;white-space:break-spaces;word-break:break-word;bottom:-50px}}
