/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./resources/assets/styles/components/list-news.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.ln__cnt {
  flex: 1 1 auto;
}

.lnp .page-numbers {
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  color: var(--neutral);
  background: #fff;
}
.lnp .page-numbers.current {
  color: var(--primary-variant);
  background: var(--primary);
}
.lnp a:hover {
  color: var(--primary-variant);
  background: var(--primary);
  text-decoration: none;
}
.lnp .next,
.lnp .prev {
  position: absolute;
  top: 0;
  font-size: 0;
  margin-left: 0;
  margin-right: 0;
  background: transparent;
}
.lnp .next path,
.lnp .prev path {
  fill: rgba(50, 34, 34, 0.2);
}
.lnp .next:hover,
.lnp .prev:hover {
  background: transparent;
}
.lnp .next:hover path,
.lnp .prev:hover path {
  fill: var(--primary);
}
.lnp .next {
  right: 0;
}
.lnp .prev {
  left: 0;
}
@media (max-width: 767.98px) {
  .ln__cats {
    top: 8px;
    left: 8px;
    right: 8px;
    z-index: 2;
  }
}