.miz-social-media-list {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.miz-social-media-list__item {
  display: inline-block;
  position: relative;
  flex: 0 1 auto;
  width: 38px;
  height: 38px;
}

.miz-social-media-list__link {
  position: relative;
  display: inline-block;
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  color: currentcolor;
}

.miz-social-media-list__icon {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}

.miz-svg--facebook {
  color: #3B5998;
  fill: #3B5998;
}

.miz-svg--twitter {
  color: #55ACEE;
  fill: #55ACEE;
}

.miz-svg--linkedin {
  color: #0077B5;
  fill: #0077B5;
}

.miz-svg--youtube {
  color: #CD201F;
  fill: #CD201F;
}

.miz-svg--instagram {
  color: #517FA4;
  fill: #517FA4;
}

.miz-svg--google {
  color: #DD4B39;
  fill: #DD4B39;
}

.miz-svg--snapchat {
  color: #FFFC00;
  fill: #FFFC00;
}

.miz-svg--threads {
  color: #000000;
  fill: #000000;
}

.miz-svg--x {
  color: #000000;
  fill: #000000;
}

.miz-svg--white {
  color: rgb(255, 255, 255);
  fill: rgb(255, 255, 255);
}

.miz-svg--black {
  color: rgb(0, 0, 0);
  fill: rgb(0, 0, 0);
}

.miz-svg--gold {
  color: rgb(253, 184, 25);
  fill: rgb(253, 184, 25);
}

a > .miz-icon__svg:hover, a > .miz-icon__svg:focus, a > .miz-icon__svg:active {
  opacity: 0.75;
}