.fox-block.social-icons {
  margin-bottom: 1.563rem;
}

@media (max-width: 575px) {
  .fox-block.social-icons {
    margin-top: 1.563rem !important;
  }
}

.fox-block.social-icons .wrapper {
  display: flex;
}

.fox-block.social-icons .soc-icon {
  align-items: center;
  background-color: var(--red);
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 50%);
  display: flex;
  height: clamp(2.2815rem, 0.5704rem + 7.6050vw, 4.563rem);
  justify-content: center;
  max-width: 33%;
  position: relative;
  transition: clip-path .3s;
  transition-delay: .1s;
  width: clamp(2.344rem, 0.5860rem + 7.8133vw, 4.688rem);
}

.fox-block.social-icons .soc-icon:hover {
  clip-path: polygon(0 .7em, 50% 0, 100% .7em, 100% calc(100% - .7em), 50% 100%, 0 calc(100% - .7em));
  filter: saturate(140%) contrast(140%);
}

.fox-block.social-icons .soc-icon:not(:last-of-type) {
  margin-right: .625rem;
}

.fox-block.social-icons svg {
  fill: var(--white);
  height: 50%;
  width: 50%;
}

.fox-block.social-icons a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}