.social3d-wrapper {
  position: relative;
  margin: 80px 0;
}

.social3d {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.social3d li {
  list-style: none;
}

.social3d li a {
  position: relative;
  display: block;
  width: 210px;
  height: 80px;
  background: #fff;
  text-decoration: none;
  padding-left: 20px;
  transform: rotate(-30deg) skew(25deg);
  transition: .5s;
  box-shadow: -20px 20px 10px rgba(0,0,0,.5);
}

.social3d li a:before {
  content: '';
  position: absolute;
  top: 10px;
  left: -20px;
  width: 20px;
  height: 100%;
  background: #b1b1b1;
  transform: skewY(-45deg);
}

.social3d li a:after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: -10px;
  width: 100%;
  height: 20px;
  background: #b1b1b1;
  transform: skewX(-45deg);
}

.social3d li a i {
  font-size: 40px;
  line-height: 80px;
  color: #262626;
  padding-right: 14px;
  transition: .5s;
}

.social3d li a span {
  position: absolute;
  top: 30px;
  color: #262626;
  letter-spacing: 4px;
  transition: .5s;
}

.social3d li a:hover {
  transform: rotate(-30deg) skew(25deg) translate(20px,-15px);
  box-shadow: -50px 50px 50px rgba(0,0,0,.5);
}

.social3d li:hover i,
.social3d li:hover span {
  color: #fff;
}

.social3d li:nth-child(1) a:hover {background:#3b5998}
.social3d li:nth-child(1) a:hover:before {background:#365492}
.social3d li:nth-child(1) a:hover:after {background:#4a69ad}

.social3d li:nth-child(2) a:hover {background:#00aced}
.social3d li:nth-child(2) a:hover:before {background:#097aa5}
.social3d li:nth-child(2) a:hover:after {background:#53b9e0}

.social3d li:nth-child(3) a:hover {background:#dd4b39}
.social3d li:nth-child(3) a:hover:before {background:#b33a2b}
.social3d li:nth-child(3) a:hover:after {background:#e66a5a}

.social3d li:nth-child(4) a:hover {background:#e4405f}
.social3d li:nth-child(4) a:hover:before {background:#d81c3f}
.social3d li:nth-child(4) a:hover:after {background:#e46880}
.site-footer-two .social3d{display:flex!important;justify-content:center!important;gap:10px!important;list-style:none!important;padding:0!important;margin:40px 0!important}
.site-footer-two .social3d li{list-style:none!important}
.site-footer-two .social3d li a{display:block!important;position:relative!important;width:210px!important;height:80px!important;background:#fff!important;text-decoration:none!important;padding-left:20px!important;transform:rotate(-30deg) skew(25deg)!important;transition:.5s!important;box-shadow:-20px 20px 10px rgba(0,0,0,.5)!important}


.site-footer-two .social3d {
  display: flex;
  justify-content: center;
  gap: 10px;
  list-style: none;
}

.site-footer-two .social3d li a {
  display: block;
}
.site-footer-two{
  overflow: visible !important;
}