.NewsList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--spaceXl) var(--spaceMd);
  padding-top: var(--spaceMd);
}

@media (max-width: 48rem) {
  .NewsList {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 32rem) {
  .NewsList {
    grid-template-columns: 1fr;
  }
}

.NewsList-btn {
  display: flex;
  justify-content: center;
  margin-top: var(--spaceXl);
}

.NewsList-btn .ButtonBase-newsBottom {
  background: white;
  color: #005473;
  font-weight: bold;
  transition: all .4s !important;
  border-color: transparent;
}

.NewsList-btn .ButtonBase-newsBottom:hover {
  background: transparent;
  color: #007DB3;
  border-color: #007DB3;
}

.NewsList-btn .ButtonBase-newsBottom:after {
  width: 0;
}

.NewsList-header {
  background: var(--colorBrand);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--spaceLg);
}

.NewsList-more {
  color: hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  font-size: var(--textSm);
  display: flex;
  align-items: center;
  justify-content: center;
}

.NewsList-more:hover, .NewsList-more:active, .NewsList-more:focus {
  color: hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
}

.NewsList-more svg {
  transition: var(--animationBase);
  margin-left: var(--spaceXs);
}

.NewsList-more:hover svg {
  transform: translateX(4px);
}

.NewsList-title {
  color: var(--colorText);
}

.NewsList-next {
  font-size: var(--textLg);
  color: var(--colorText);
}

/*# sourceMappingURL=news-list.min.css.map */