.tooltip-container{position:relative;display:inline-block;width:100%}.tooltip{visibility:visible;opacity:1;width:auto;background-color:#fff;border-radius:8px;padding:15px 20px;position:absolute;z-index:1;transition:opacity .3s;box-shadow:0 3px 8px rgba(0,0,0,.15)}.left{right:100%;top:50%;margin-right:10px;transform:translateY(-50%)}.left:after{content:"";position:absolute;top:50%;left:100%;margin-top:-6px;border:6px solid transparent;border-left-color:#fff}.right{left:100%;top:50%;margin-left:10px;transform:translateY(-50%)}.right:after{content:"";position:absolute;top:50%;right:100%;margin-top:-6px;border:6px solid transparent;border-right-color:#fff}.bottom{top:100%;left:50%;margin-top:10px;transform:translateX(-50%)}.bottom:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-bottom-color:#fff}.social-icons{display:flex;flex-direction:column;align-items:center}.bottom .social-icons{flex-direction:row;justify-content:center;gap:20px}.bottom .social-icons a{margin:0}.social-icons a{margin:8px 0;width:40px;height:40px;fill:#333;transition:fill .3s}.social-icons a:hover a{fill:#4caf50}@media screen and (max-width:768px){.tooltip{min-width:150px;padding:18px 25px;top:100%!important;margin:12px 0 0!important;transform:translateX(-50%)!important}.tooltip,.tooltip:after{left:50%!important;right:auto!important}.tooltip:after{bottom:100%!important;top:auto!important;margin-left:-6px!important;margin-top:0!important;border-width:6px!important;border-color:transparent transparent #fff!important}.social-icons{flex-direction:row!important;justify-content:center;gap:25px}.social-icons a{width:40px;height:40px;margin:0!important}}