.thb-social-links-container {
  display: inline-flex;

  .thb-social-link {
    display: inline-flex;

    & + .thb-social-link {
      margin-left: 20px;

			.rtl & {
				margin-left: 0;
				margin-right: 20px;
			}
    }
    .thb-social-icon-container {
      line-height: 0;
    }
  }
  &.style1 {
    .thb-social-link {
      color: $black;
      font-size: 20px;
      @each $profile, $color in $social {
        &.social-link-#{$profile} {
          &:hover {
            color: $color;
          }
        }
      }
    }
  }
  &.style2 {
    .thb-social-link {
      width: 30px;
      height: 30px;
      background: $black;
      color: #fff;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 14px;
      & + .thb-social-link {
        margin-left: 8px;

				.rtl & {
					margin-left: 0;
					margin-right: 8px;
				}
      }
      @each $profile, $color in $social {
        &.social-link-#{$profile} {
          &:hover {
            background: $color;
						color: #fff;
          }
        }
      }
    }
  }
  &.style3 {
    .thb-social-link {
      width: 40px;
      height: 40px;
      border: 1px solid $accent;
      color: $accent;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      & + .thb-social-link {
        margin-left: 8px;
      }
      @each $profile, $color in $social {
        &.social-link-#{$profile} {
          &:hover {
            background: $color;
            border-color: $color;
            color: #fff;
          }
        }
      }
    }
  }
  &.style4 {
    .thb-social-link {
      width: 30px;
      height: 30px;
      border: 1px solid rgba( #000, 0.3 );
      color: $black;
      align-items: center;
      font-size: 14px;
      justify-content: center;
      & + .thb-social-link {
        margin-left: 5px;
      }
      @each $profile, $color in $social {
        &.social-link-#{$profile} {
          &:hover {
            background: $color;
            border-color: $color;
            color: #fff;
          }
        }
      }
    }
  }
}
.thb-social-links-element {
  display: inline-flex;
  align-items: center;

  .social-links-title {
    font-weight: 600;
    margin-right: 20px;
  }
}