/* Creates an rgba background based on a HEX colour */
/*============================================================================
Breakpoint Variables
==============================================================================*/
/*============================================================================
  Breakpoint Mixins
==============================================================================*/
.recent-reports {
  gap: 20px;
  margin-bottom: 20px;
}
.recent-reports__report {
  background: var(--wp--preset--color--contrast-4);
  padding: 1rem;
}
@media (min-width: 782px) {
  .recent-reports__report {
    flex-basis: calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}
@media (min-width: 1024px) {
  .recent-reports__report {
    flex-basis: 25%;
    max-width: 25%;
  }
}
.recent-reports__report a {
  display: block;
  margin-bottom: 15px;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.recent-reports__report a .icon {
  width: 18px;
  display: inline-block;
}
.recent-reports.reports-1 .recent-reports__report {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}