.pre-header-widget {
  @apply
    bg-black;

  .container {
    @apply
      flex
      justify-center
      flex-row
      h-auto
      w-full;

    min-height: 51px;

    .widget-left {
      @apply
        w-1/3;
    }

    .widget-right {
      @apply
        w-2/3;
    }

    > div {
      .socialbar {
        a {
          margin-right: 0.1rem;
          margin-left: 0.2;

          @screen sm {
            margin-right: 0.3rem;
            margin-left: 0.5rem;
          }
        }

        svg {
          width: 15px;
        }
      }

      ul {
        @apply
          flex-wrap
          justify-end
          pb-2
          flex;

        li {
          @apply
            text-white
            px-1;

          @screen sm {
            @apply
              px-3;
          }

          &:last-child {
            @apply
              pr-0;
          }

          font-size: 14px;
        }
      }
    }
  }
}
