.social-links-container{display:flex;flex-direction:column}.social-links-container>div{display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}.social-link{align-items:center;border-radius:100%;display:block;font-size:1rem;justify-content:center;margin-left:.5rem;margin-right:.5rem}.social-link>img{max-height:1.5rem;max-width:1.5rem}.social-links-title{font-size:.75rem;opacity:.7}.social-link-hover{background:none;border:none;cursor:pointer;padding:0;position:relative}.social-link-hover-container{align-items:start;background:#fff;border-radius:.3125rem;box-shadow:0 0 8px 0 rgba(0,0,0,.2);display:none;height:12.5rem;justify-content:center;left:50%;overflow:hidden;position:absolute;top:2.5rem;transform:translateX(-50%);width:12.5rem}.social-link-hover:hover:after{background:#fff;border-radius:.25rem;content:"";height:1rem;left:50%;position:absolute;top:2.25rem;transform:translateX(-50%) rotate(45deg);width:1rem}.social-link-hover:hover>.social-link-hover-container{display:flex!important}.social-link-hover-container>img{max-height:100%}@media screen and (max-width:767.9px){.social-link-hover-container{bottom:2.5rem;top:unset}.social-link-hover:hover:after{bottom:2.25rem;top:unset}}@media screen and (min-width:768px){.social-links-container>div{margin-left:-1rem;margin-right:-1rem}.social-link{font-size:2rem;margin-left:1rem;margin-right:1rem}.social-link>img{max-height:2rem;max-width:2rem}.social-links-title{font-size:1.125rem}}