.news__list {
  max-inline-size: 900px;
  margin-inline: auto;
  -webkit-margin-after: clamp(75px, 46.348733234px + 3.7257824143vw, 100px);
          margin-block-end: clamp(75px, 46.348733234px + 3.7257824143vw, 100px);
}
.news__item {
  -webkit-border-after: 1px solid #9599a5;
          border-block-end: 1px solid #9599a5;
}
.news__item:first-of-type {
  -webkit-border-before: 1px solid #9599a5;
          border-block-start: 1px solid #9599a5;
}
.news__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
  padding: clamp(23px, 14.9776453055px + 1.043219076vw, 30px) clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
}
.news__link::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  z-index: -1;
  background-color: #e7e7ea;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.news__date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-family: "Oxanium", sans-serif;
  font-size: clamp(10px, 6.5618479881px + 0.4470938897vw, 13px);
}
.news__desc {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-inline-size: 0;
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}

@media (hover: hover) {
  .news__link:hover::before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
.news__link:focus-visible::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left;
          transform-origin: left;
}

@media screen and (max-width: 768px) {
  .news__list {
    max-inline-size: none;
    -webkit-margin-after: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
            margin-block-end: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
  }
  .news__link {
    display: block;
    padding: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px) 0;
  }
  .news__date {
    -webkit-margin-after: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
            margin-block-end: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
    font-size: clamp(12px, 7.9459459459px + 1.0810810811vw, 14px);
  }
  .news__desc {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
}
.newsSingle__heading {
  max-inline-size: 900px;
  -webkit-margin-after: clamp(36px, 22.2473919523px + 1.7883755589vw, 48px);
          margin-block-end: clamp(36px, 22.2473919523px + 1.7883755589vw, 48px);
  margin-inline: auto;
}
.newsSingle__meta {
  -webkit-margin-after: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
          margin-block-end: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
}
.newsSingle__date {
  font-family: "Oxanium", sans-serif;
  font-size: clamp(10px, 6.5618479881px + 0.4470938897vw, 13px);
  color: #9599a5;
}
.newsSingle__title {
  font-size: clamp(27px, 16.6855439642px + 1.3412816692vw, 36px);
  font-weight: 700;
  line-height: 1.8;
}
.newsSingle__body .c-button {
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .newsSingle__heading {
    max-inline-size: none;
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .newsSingle__meta {
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .newsSingle__date {
    font-size: clamp(12px, 7.9459459459px + 1.0810810811vw, 14px);
  }
  .newsSingle__title {
    font-size: clamp(24px, 15.8918918919px + 2.1621621622vw, 28px);
  }
}
/*# sourceMappingURL=news.css.map */
