.block.popular .content-wrapper ul {
  padding: 0;
}
.block.popular .content-wrapper ul li {
  background-color: var(--color-light-blue);
  border-radius: 15px;
  color: var(--color-green);
  overflow: hidden;
  padding: 0;
}
.block.popular .content-wrapper ul li:before {
  content: "";
  display: none;
}
.block.popular .content-wrapper ul li a {
  display: -ms-grid;
  display: grid;
  text-decoration: none;
}
.block.popular .content-wrapper ul li .content {
  -ms-grid-rows: auto var(--padding-sm) 1fr var(--padding-sm) auto;
  grid-template-rows: auto 1fr auto;
  row-gap: var(--padding-sm);
}
.block.popular .content-wrapper ul li .content .icon {
  background-color: var(--color-green);
}
.block.popular .content-wrapper ul li .content .header span,
.block.popular .content-wrapper ul li .content .footer span {
  color: var(--color-green);
  display: -ms-inline-grid;
  display: inline-grid;
  font: var(--body-2-font);
}
.block.popular .content-wrapper ul li .content .header {
  border-bottom: 1px solid var(--color-green);
  padding: 25px 25px 20px;
}
.block.popular .content-wrapper ul li .content .header span {
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
.block.popular .content-wrapper ul li .content .body {
  padding: 0 25px;
}
.block.popular .content-wrapper ul li .content .body h4 {
  color: var(--color-green);
}
.block.popular .content-wrapper ul li .content .footer {
  background-color: var(--color-green);
  padding: 20px 25px 25px;
}
.block.popular .content-wrapper ul li .content .footer span {
  color: var(--color-light-blue);
}
.block.popular .content-wrapper ul li .content .footer .icon-arrow {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}