$w-badge-padding: 10px !default;
$badge-icon-size: 43px;
$brand-primary: inherit !default;
$badge-icon-color: $brand-primary !default;
$badge-icon-width: auto;
$badge-img-padding: calc(#{$badge-icon-size} / 2) !default;
$w-badges-padding: 24px 0 !default;

@import "@css[common]/blocek/_usp";

.w-badges {
   .w-badge {
      flex-direction: column;
      text-align: center;
      align-items: center;
      font-size: $font-size-smaller;

      .fc {
         margin-bottom: 12px;
      }

      .icons_staff::before {
         font-size: 38px;
         margin-bottom: 3px;
         margin-top: 2px;
      }

      .icons_bike::before {
         font-size: 53px;
         margin: -5px 0;
      }

      h4 {
         font-weight: $font-weight-semibold;
      }
   }

   @media screen and (max-width: $sm - 1) {
      flex-wrap: nowrap;
      overflow: auto hidden;

      &::-webkit-scrollbar {
         height: 0;
      }

      .w-badge {
         width: 70%;
      }
   }

   @media screen and (max-width: $xs - 1) {
      .w-badge {
         min-width: fit-content;
      }
   }
}
