.social-sharing-buttons-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  a {
    display: flex;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    width: 70px;
    height: 70px;
    justify-content: center;
    align-items: center;
    border: 1px solid $svv-blue_dark;
    color: $svv-blue_dark;
    border-radius: 100px;

    &:hover {
      transform: scale(1.1);
    }

    &.copy {
      position: relative;

      .copied-msg {
        position: absolute;
        bottom: -25px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        font-size: 12px;
        color: $svv-blue_dark;
        width: fit-content;
      }
    }
  }

  svg {
    width: 27px;
    height: 30px;
    color: $svv-blue_dark;
    fill: $svv-blue_dark;
  }

  @include media-breakpoint-down(md) {
    a {
      width: 40px;
      height: 40px;
    }
    svg {
      width: 20px;
    }

  }
}
