.biec2,
.biec3,
.bied2,
.bied3,
.bied4,
.biee1,
.biee2,
.biee3,
.biee4,
.bief2,
.bief3,
.bief4,
.bieg2,
.bieg3{
  border: 1px solid #db6d0b;
}

.bie.bied3,
.bie.biee2,
.bie.biee3,
.bie.bief3{
  background: rgb(219,109,11);
  background: radial-gradient(circle, rgba(219,109,11,1) 0%, rgba(254,195,11,1) 100%);
}
.honeyb2,
.honeyb3,
.honeyb4,
.honeyc1,
.honeyc2,
.honeyc3,
.honeyc4,
.honeyd1,
.honeyd2,
.honeyd3,
.honeyd4,
.honeyd5,
.honeye1,
.honeye2,
.honeye3,
.honeye4,
.honeye5,
.honeyf1,
.honeyf2,
.honeyf3,
.honeyf4,
.honeyf5,
.honeyg1,
.honeyg2,
.honeyg3,
.honeyg4,
.honeyh2,
.honeyh3,
.honeyh4{
  position: relative;
  height: 0px;
  width: 158px;
  border-bottom: 70px solid #fec30b;
  border-left:  40px solid transparent;
  border-right: 40px solid transparent;
  top: -71px;
  left: 17px;
}
.honeyb2::before,
.honeyb3::before, 
.honeyb4::before,
.honeyc1::before,
.honeyc2::before, 
.honeyc3::before, 
.honeyc4::before, 
.honeyd1::before, 
.honeyd2::before, 
.honeyd3::before, 
.honeyd4::before, 
.honeyd5::before, 
.honeye1::before, 
.honeye2::before, 
.honeye3::before, 
.honeye4::before, 
.honeye5::before, 
.honeyf1::before, 
.honeyf2::before, 
.honeyf3::before,
.honeyf4::before,
.honeyf5::before,
.honeyg1::before,
.honeyg2::before,
.honeyg3::before,
.honeyg4::before,
.honeyh2::before,
.honeyh3::before,
.honeyh4::before{
  content: '';
  height: 0px;
  width: 158px;
  border-top: 70px solid #fec30b;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  position: absolute;
  top:69px;
  left: -40px;
}

.honeycomb:hover > .pulse + .pod + .honey + .bie.bied3,
.honeycomb:hover > .pulse + .pod + .honey + .bie.biee2,
.honeycomb:hover > .pulse + .pod + .honey + .bie.biee3,
.honeycomb:hover > .pulse + .pod + .honey + .bie.bief3{
  transition: 1s ease-in-out;
  width: 140px;
  height: 140px;
  top: -147px;
  left: 25px;
  background: #db6d0b;
}

.honeycomb:hover > .pulse + .pod + .honey.honeyd3,
.honeycomb:hover > .pulse + .pod + .honey.honeye2,
.honeycomb:hover > .pulse + .pod + .honey.honeye3,
.honeycomb:hover > .pulse + .pod + .honey.honeyf3{
  width: 186px;
  border-bottom: 79px solid #db6d0b;
  border-left:  45px solid transparent;
  border-right: 45px solid transparent;
  top: -77px;
  left: 5px;
  transition: 1s ease-in-out;
  opacity: 1;
}
.honeycomb:hover > .pulse + .pod + .honey.honeyd3::before,
.honeycomb:hover > .pulse + .pod + .honey.honeye2::before,
.honeycomb:hover > .pulse + .pod + .honey.honeye3::before,
.honeycomb:hover > .pulse + .pod + .honey.honeyf3::before{
  width: 186px;
  border-top: 79px solid #db6d0b;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  top:77px;
  left: -45px;
  transition: 1s ease-in-out;
  opacity: 1;
}