@import '../../../../globals/variables';
@import '../../../../globals/mixins';

.label-share {
  background: $ads-primary-main;
  background-color: $ads-text-main;
  height: 65px;
  width: 330px;
}

.label-share__text {
  font-family: Lato, sans-serif;
  font-size: 1.7rem;
  font-weight: $ads-font-weight-bold;
  letter-spacing: 0.0625rem;
  line-height: 65.28px;
  size: 48px;
  text-transform: uppercase;
}

.label-share__icon svg {
  display: flexbox;
  height: 40%;
  width: 15%;
}

.label-share--main .label-share__text {
  color: $ads-color-main;
}

@media (width <= 767px) {
  .label-share {
    height: 50px;
    width: 250px;
  }

  .label-share__text {
    font-size: 1.4rem;
    line-height: 50px;
  }

  .label-share__icon svg {
    height: 30%;
    width: 10%;
  }
}

@media (width >= 768px) and (width <= 1023px) {
  .label-share {
    height: 55px;
    width: 280px;
  }

  .label-share__text {
    font-size: 1.5rem;
    line-height: 55px;
  }

  .label-share__icon svg {
    height: 35%;
    width: 12%;
  }
}

@media (width >= 1024px) {
  .label-share {
    height: 65px;
    width: 330px;
  }

  .label-share__text {
    font-size: 1.7rem;
    line-height: 65.28px;
  }

  .label-share__icon svg {
    height: 40%;
    width: 15%;
  }
}
