.callback-form {
   &__body {
      display: grid;
      position: relative;

      @include _Tablet {
         grid-template-columns: 1fr 1fr;
         column-gap: 16px;
      }

      @include _XSDesktop {
         grid-template-columns: 31% 33% 23%;
         column-gap: 8px;
      }

      @include _HDesktop {
         column-gap: 16px;
      }
   }

   &__input {
      margin-bottom: 16px;

      @include _Tablet {
         margin-bottom: 0;
      }
   }

   &__consent {
      margin-bottom: 16px;
      @include _Tablet {
         grid-column: span 2;
         margin-top: 25px;
      }

      @include _XSDesktop {
         order: 1;
         margin-top: 16px;
         margin-bottom: 0;
         grid-column: span 3;
      }
   }

   &__btn.btn {
      padding: 14px 12px;
      font-size: rem(10);
      @include _Tablet {
         grid-column: span 2;
      }

      @include _XSDesktop {
         grid-column: span 1;
      }
      @include _HDesktop {
         font-size: rem(14);
      }
   }

   &__error-text {
      color: cl("accent");
      font-size: rem(10);
      position: absolute;
      top: -28px;
   }
}
