.bdt-fancy-icons {
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bdt-fancy-icons-background iframe,
.bdt-fancy-icons-background video,
.bdt-fancy-icons-background img {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.bdt-fancy-icons-item {
  position: relative;
  text-align: center;
  background: #fff;
  mix-blend-mode: screen;
  transition: all 0.3s ease;
  cursor: pointer;
}
.bdt-fancy-icons-item a {
  color: black;
  font-weight: 900;
  transition: all 0.3s ease;
}
.bdt-fancy-icons-item a.icon {
  font-size: 15vw;
}
.bdt-fancy-icons-item a.icon svg {
  fill: black;
  inline-size: 1em;
  block-size: 1em;
  display: flex;
  transition: all 0.3s ease;
}
.bdt-fancy-icons-item a.text {
  font-size: 5vw;
}
.bdt-fancy-icons-item:hover {
  background: #000;
}
.bdt-fancy-icons-item:hover a {
  color: #fff;
  transform: rotate3d(1, 1, 1, 10deg) scale(1.05);
}
.bdt-fancy-icons-item:hover a svg {
  fill: #fff;
}