.bkit-social-media {
  text-align: center;
  width: 100%;
  --bbteam-icon-size: 22px;
  --bbteam-icon-padding-left: 10px;
  --bbteam-icon-padding-right: 10px;
  --bbteam-icon-padding-top: 10px;
  --bbteam-icon-padding-bottom: 10px;
}
.bkit-social-media__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.bkit-social-media__list > li {
  margin: 0 5px;
}
.bkit-social-media__list > li a {
  display: block;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  padding: 10px;
  color: var(--bbteam-txt-h-color);
}
.bkit-social-media__list > li a i {
  font-size: var(--bbteam-icon-size);
}
.bkit-social-media__list > li a svg {
  width: var(--bbteam-icon-size);
}
.bkit-social-media__list > li a.hover-gradient {
  overflow: hidden;
}
.bkit-social-media__list > li a.hover-gradient span {
  position: relative;
  z-index: 1;
}
.bkit-social-media__list > li a.hover-gradient:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition-duration: inherit;
}
.bkit-social-media__list > li:hover {
  color: var(--bbteam-bg-color);
}
.bkit-social-media__list > li:hover a.hover-gradient:before {
  opacity: 1;
}
.bkit-social-media__list > li i, .bkit-social-media__list > li svg {
  vertical-align: middle;
  display: inline-block;
}
.bkit-social-shape .bkit-social-media .social-icon, .bkit-social-shape .bkit-social-media .social-icon:hover {
  font-size: var(--bbteam-icon-size, 22px);
  line-height: calc(0.875 * var(--bbteam-icon-size, 22px));
  width: calc(var(--bbteam-icon-size, 22px) + var(--bbteam-icon-padding-left, 0px) + var(--bbteam-icon-padding-right, 0px));
  height: calc(var(--bbteam-icon-size, 22px) + var(--bbteam-icon-padding-top, 0px) + var(--bbteam-icon-padding-bottom, 0px));
  background-color: var(--bbteam-primary-color);
}
.bkit-social-shape .bkit-social-media.shape-rounded .social-icon {
  border-radius: 10%;
}
.bkit-social-shape .bkit-social-media.shape-circle .social-icon {
  border-radius: 50%;
}
.bkit-social-shape .bkit-social-media.shape-square .social-icon {
  border-radius: 0;
}
.bkit-social-shape .bkit-social-media.shape-none .social-icon {
  border-radius: 0;
}