.socials div{display:inline-block}#hexagon{width:100px;height:60px;background:#232323;position:relative;top:100px;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#hexagon:before{content:"";position:absolute;top:-25px;left:0;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:25px solid #232323;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#hexagon:after{content:"";position:absolute;bottom:-24px;left:0;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-top:25px solid #232323;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#hexagon:hover{background:#ffb6c1}#hexagon:hover:after{border-top:25px solid #ffb6c1}#hexagon:hover:before{border-bottom:25px solid #ffb6c1}.fa.fa-facebook,.fa.fa-linkedin,.fa.fa-twitter,.fa.fa-instagram,{color:white;font-size:50px !important;line-height:60px;text-shadow:2px 2px 10px black}