.header-contacts {
   display: flex;
   gap: 14px;

   @include _Tablet {
      gap: 16px;
   }
   @include _Desktop {
      gap: 24px;
   }

   &__item {
      display: flex;
      gap: 11px;
      align-items: center;

      @include _HDesktop {
         gap: 16px;
      }
   }

   &__icon {
      width: 20px;
      height: 20px;

      @include _Tablet {
         width: 24px;
         height: 24px;
      }
      @include _Desktop {
         width: 18px;
         height: 18px;
      }
      @include _HDesktop {
         width: 24px;
         height: 24px;
      }

      img {
         width: 100%;
      }
   }

   &__label {
      font-size: rem(16);
      font-weight: 600;
      text-transform: uppercase;
      line-height: 2;
      white-space: nowrap;

      @include _Tablet {
         font-size: rem(20);
      }
      @include _Desktop {
         opacity: 0.8;
         font-weight: 500;
         font-size: rem(10);
      }
      @include _HDesktop {
         font-size: rem(16);
      }
   }
}

.header-contacts.header-contacts--pc .header-contacts {
   &__label {
      display: none;

      @include _Desktop {
         display: flex;
      }
   }
}

.header-contacts.header-contacts--mobile.header-contacts {
   display: flex;
   flex-direction: column;
   gap: 16px;

   @include _Tablet {
      flex-direction: row;
      gap: 32px;
   }
}
.header-contacts.header-contacts--mobile .header-contacts {
   &__item {
   }

   &__icon {
      flex: 0 0 32px;
      height: 32px;

      @include _Tablet {
         flex: 0 0 40px;
         height: 40px;
      }
   }

   &__label {
   }
}

.header-contacts--footer {
   flex-direction: column;
   gap: 16px;
   align-items: center;

   @include _Tablet {
      gap: 24px;
      align-items: start;
   }

   @include _XSDesktop {
      gap: 16px;
   }
   @include _Desktop {
      gap: 11px;
   }
   @include _HDesktop {
      gap: 22px;
   }

   .header-contacts {
      &__item {
         gap: 16px;
      }

      &__icon {
         width: 32px;
         height: 32px;

         @include _XSDesktop {
            width: 20px;
            height: 20px;
         }
         @include _HDesktop {
            width: 32px;
            height: 32px;
         }
      }

      &__label {
         font-size: rem(18);

         @include _Tablet {
            font-size: rem(20);
         }

         @include _XSDesktop {
            font-size: rem(14);
         }

         @include _HDesktop {
            font-size: rem(20);
         }
      }
   }
}
