.social_network_hexagons .uc_socials {
padding: 30px 0;
color: #fff;
overflow: hidden;
text-align:center;
}
.social_network_hexagons .uc_socials a {
color: #fff;
display:inline-block;
}
.social_network_hexagons .uc_social_icons {
margin: 0 auto;
}
.social_network_hexagons .social_network_hexagons *,*:before,*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.social_network_hexagons .uc_social {
font-size: 28px;
background: rgba(255,255,255,0.3);
cursor: pointer;
line-height: 52px;
position: relative;
width: 90px;
height: 50px;
margin: 0 auto;
transition: all 300ms;
display:inline-block;
text-align:left;
margin:25px 10px;
}
.social_network_hexagons .uc_social:before,
.social_network_hexagons .uc_social:after {
content: "";
position: absolute;
width: 0;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
transition: all 300ms;
}
.social_network_hexagons .uc_social:before {
bottom: 100%;
border-bottom: 30px solid rgba(255,255,255,0.3);
}
.social_network_hexagons .uc_social:after {
top: 100%;
width: 0;
border-top: 30px solid rgba(255,255,255,0.3);
}
.social_network_hexagons .uc_social div {
text-align: center;
}
.social_network_hexagons .uc_social:hover {
background: #fff;
}
.social_network_hexagons .uc_social:hover:before {
border-bottom: 30px solid #fff;
}
.social_network_hexagons .uc_social:hover:after {
border-top: 30px solid #fff;
}
@media (max-width: 450px) {
.uc_social {
margin: 25px 10px;
}
}