.block-social-media {
  display: flex;
  width: 100%;
}

.block-social-media.align-left {
  justify-content: flex-start;
}

.block-social-media.align-center {
  justify-content: center;
}

.block-social-media.align-right {
  justify-content: flex-end;
}

.block-social-media__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--social-gap, 12px);
  list-style: none;
  padding: 0;
  margin: 0;
}

.block-social-media__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.block-social-media__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--social-container-size, 44px);
  height: var(--social-container-size, 44px);
  background-color: var(--social-bg-color, #000000);
  color: var(--social-icon-color, #ffffff) !important;
  border-radius: var(--social-border-radius, 50%);
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  box-sizing: border-box;
}

.block-social-media__link svg {
  width: var(--social-icon-size, 20px);
  height: var(--social-icon-size, 20px);
  fill: currentColor;
  transition: fill 0.25s ease-in-out, transform 0.25s ease-in-out;
}

.block-social-media__link:hover {
  background-color: var(--social-bg-hover-color, #333333);
  color: var(--social-icon-hover-color, #ffffff) !important;
  transform: translateY(-2px);
}