.hub-tooltip{position:relative;width:25px;margin:0 auto}
.hub-tooltip .icon,.hub-tooltip .content{border:1px solid #e50353;width:200px}
.hub-tooltip .icon{display:inline-block;width:20px;height:20px;margin:0 auto;border-radius:50%;color:#e50353;text-align:center;line-height:18px;font-size:1.4rem;font-weight:500;text-transform:none;cursor:pointer}
.hub-tooltip .icon:hover,.hub-tooltip .icon.active{background:#e50353;color:#fff}
.hub-tooltip .content{position:absolute;top:50%;right:100%;margin-right:25px;transform:translateY(-50%);background:#fff;color:#5f6169;font-size:1.2rem;font-weight:400;text-align:left;padding:20px;box-sizing:border-box}
.hub-tooltip .content:after{background:#fff;display:block;content:"";width:20px;height:20px;border-style:solid;border-width:1px 1px 0 0;border-color:#e50353;position:absolute;right:-11px;top:50%;margin-top:-10px;transform:rotate(45deg)}
@media only screen and (max-width:720px){.hub-tooltip{margin:0}
.hub-tooltip .icon{width:6.25vw;height:6.25vw;vertical-align:middle;font-size:4.375vw;line-height:1.2;border:.3125vw solid #e50353}
.hub-tooltip .icon:hover{background:#fff;color:#e50353}
.hub-tooltip .icon.active:hover{background:#e50353;color:#fff}
.hub-tooltip .content{width:60.62vw;left:50%;margin-left:-30vw;top:unset;bottom:8vw;padding:6.25vw;font-size:3.75vw}
.hub-tooltip .content:after{top:unset;bottom:-11px;left:50%;margin-left:-10px;transform:rotate(45deg);border-width:0 1px 1px 0}
}