.tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip__btn{width:10px;height:10px;font-size:7px;line-height:9px;margin:1px 0;text-align:center;color:#d8d8d8;border:solid 1px #d8d8d8;border-radius:100%;position:relative;cursor:pointer;transition:opacity .3s ease-in-out}.tooltip__body{position:absolute;width:100vw;top:calc(100% + 10px);left:-20px;z-index:20;padding:15px 27px;text-align:center;word-break:break-all;font-weight:400;font-size:14px;line-height:20px;color:#fff;background:#000}@media screen and (min-width: 704px){.tooltip__body{width:200px;left:50%;transform:translate(-50%)}}.tooltip__body:after{position:absolute;content:"";top:-14px;left:0;width:100%;height:14px}.tooltip__body:before{position:absolute;left:25px;top:-4px;width:9px;height:9px;margin-left:-4px;background:#000;transform:rotate(45deg);content:""}@media screen and (min-width: 704px){.tooltip__body:before{left:50%}}