.footer-bottom {
   padding: 60px 0;
   display: grid;
   gap: 60px;
   color: #ffffff66;
   text-align: center;
   justify-content: center;
   font-size: rem(14);

   @include _Tablet {
      padding: 40px 0 70px;
      grid-template-columns: 1fr 1fr;
      row-gap: 70px;
   }

   @include _XSDesktop {
      display: flex;
      font-size: rem(12);
      align-items: center;
      justify-content: space-between;
   }

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

   a {
      color: #ffffff66;
   }
   &__left {
      display: flex;
      flex-direction: column;
      gap: 32px;

      @include _Tablet {
         text-align: left;
      }
      @include _XSDesktop {
         flex-direction: row;
      }
   }

   &__right {
      display: flex;
      flex-direction: column;
      gap: 32px;
      @include _Tablet {
         text-align: right;
      }

      @include _XSDesktop {
         flex-direction: row;
         order: 1;
      }
   }

   &__logo {
      img {
         width: 139px;
         height: 139px;

         @include _XSDesktop {
            width: 55px;
            height: 55px;
         }
         @include _HDesktop {
            width: 97px;
            height: 97px;
         }
      }

      @include _Tablet {
         grid-column: span 2;
      }
   }
}
