.eplus-social-profile-1 > a {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
margin: 0 15px 15px 0;
transition: 0.3s;
}
.eplus-social-profile-1 > a i {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
font-size: 17px;
text-align: center;
background-color: #3B579D;
color: #fff;
transform: translate(-50%, -50%);
}
.eplus-social-profile-1 > a:hover {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
} .eplus-social-profile-2 .eplus-social-profile-inner {
display: inline-block;
background-color: #A29BFE;
border-radius: 50px;
}
.eplus-social-profile-2 a {
display: inline-block;
margin: 15px 15px 15px 0;
}
.eplus-social-profile-2 a:first-child {
margin-left: 15px;
}
.eplus-social-profile-2 a i {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
font-size: 22px;
text-align: center;
background-color: #fff;
color: #A29BFE;
transition: 0.3s;
}
.eplus-social-profile-2 a:hover i {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
} .eplus-social-profile-3 > a {
position: relative;
display: inline-block;
transition: 0.3s;
margin: 10px 25px 25px 10px;
}
.eplus-social-profile-3 > a i {
display: inline-block;
border-radius: 6px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 22px;
text-align: center;
background-color: #3B579D;
color: #fff;
transform: rotate(45deg);
transition: 0.3s;
}
.eplus-social-profile-3 > a:last-child i {
margin-right: 0;
}
.eplus-social-profile-3 > a i:before {
display: inline-block;
transform: rotate(-45deg);
}
.eplus-social-profile-3 > a:hover i {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
} .eplus-social-profile-4 > a {
position: relative;
z-index: 10;
display: inline-block;
width: 80px;
height: 80px;
line-height: 80px;
transition: 0.3s;
margin: 0 15px 15px 0;
text-align: center;
}
.eplus-social-profile-4 > a svg {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.eplus-social-profile-4 > a i {
font-size: 28px;
text-indent: 13px;
color: #fff;
}
.eplus-social-profile-4 > a:last-child {
margin-right: 0;
} .eplus-social-profile-5 > a {
position: relative;
display: inline-block;
padding: 15px;
text-align: center;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
margin: 0 15px 15px 0;
transition: 0.3s;
border-radius: 40px;
}
.eplus-social-profile-5 .eplus-sp-label {
margin-left: 42px;
}
.eplus-social-profile-5 > a i {
position: absolute;
top: 50%;
left: 15px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
font-size: 17px;
text-align: center;
background-color: #3B579D;
color: #fff;
transform: translateY(-50%);
}
.eplus-social-profile-5 > a:hover {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}