@import 'src/styles/variables';

.banner {
  @include outer_shadow;

  display: flex;
  aspect-ratio: 0.7;
  background: url('/images/peoples_lab.svg') 50% 100% / cover;
  padding: $gap;
  border-radius: $radius;

  &.masked {
    background-image: url('/images/peoples_lab_masked.svg');
  }
}

.title {
  font: $font_24_bold;
  text-transform: uppercase;
}

.content {
  font: $font_14_medium;
  line-height: 19px;
  opacity: 0.7;
}
