.tooltip{position:relative}
.tooltip:hover .tooltip__text{display:block}
.tooltip--visible .tooltip__text{display:block}
.tooltip__text{border-radius:5px;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.16);padding:17px 20px;width:165px;box-sizing:border-box;position:absolute;top:-1.5em;left:50%;transform:translate(-50%,-100%);font-size:12px;font-weight:700;text-align:center;cursor:pointer;display:none;z-index:10000}
.tooltip__text::before{position:absolute;bottom:-10px;left:calc(50% - 10px);border-radius:20px 0 5px 0;width:20px;height:20px;box-shadow:2px 2px 6px rgba(0,0,0,0.16);background:#fff;content:'';transform:rotateZ(45deg)}
.tooltip__text::after{content:'';background:#fff;height:9px;width:30px;position:absolute;bottom:0;left:calc(50% - 15px)}
.tooltip__text .icon{font-size:45px;margin-bottom:3px}
.tooltip__text svg{width:auto}