/* module Social */
.social {
    position: relative;
}
.social__header-title {
    font-size: 22px;
    padding: 15px 0;
    font-weight: bold;
}
.social__header-desc {
    padding-bottom: 15px;
}
.social__clear {
    float: none;
    clear: both;
}
.social__item {
    /* float: left; */
    display: inline-block;
}
.social__item-number {
    text-align: center;
    font-size: 12px;
    padding-top: 5px;
    color: rgb(160, 160, 160);
}

/* Color style */
.social__btn {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50px;
    background-color: #4f94d7;
    padding: 10px 7px;
    margin: 5px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    transition: all 0.3s 0.1s;
}
.social__btn--facebook-f{
    background-color: #3b5998;
}
.social__btn--twitter{
    background-color: #2baae0;
}
.social__btn--youtube{
    background-color: #fe3432;
}
.social__btn--instagram{
    background-color: #bd2a9d;
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.social__btn--telegram-plane{
    background-color: #76a0d3;
}
.social__btn:hover,
.social__btn:active,
.social__btn:focus {
    background: #d9d9d9;
    color: #333;
}

/* Light style */
.social__btn--light {
    background: #d9d9d9;
    color: #333;
}
.social__btn--light.social__btn:hover {
    background-color: #4f94d7;
    color: #fff;
}
.social__btn--light.social__btn--facebook-f:hover {
    background-color: #3b5998;
}
.social__btn--light.social__btn--twitter:hover {
    background-color: #2baae0;
}
.social__btn--light.social__btn--youtube:hover {
    background-color: #fe3432;
}
.social__btn--light.social__btn--instagram:hover {
    background-color: #bd2a9d;
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.social__btn--light.social__btn--telegram-plane:hover {
    background: #76a0d3;
}
.social__btn i {
    font-size: 20px;
}
.social__more {
    padding: 15px 0;
    text-transform: uppercase;
}
.social__more a {
    color: #333;
}
.social__more i {
    padding-left: 10px;
}