@import "@/styles/mixins.scss";
@import "@/styles/variables.scss";

.recentNews {
  h1 {
    margin-bottom: $hl-3;
  }
}

.imgContent {
  border-radius: $radius $radius 0 0;
}

.describe {
  color: $black;
  padding: $hl-8 $hl-7 $hl-7 $hl-7;

  h3 {
    @include h3();
  }

  h5 {
    @include h5();
    opacity: 0.6;
    margin-top: $hl-9;
  }
}

@media screen and (max-width: 767px) {
  .recentNews h1 {
    margin-bottom: $hl-6;
  }
}