.block-links {
  .redactor {
    width: 100%;

    @media (min-width: 768px) {
      width: calc(100% / 12 * 9);
    }
  }
}

.block-links-links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}

.block-links-link {
  width: 100%;
  aspect-ratio: 38 / 25;
  position: relative;
  background-color: var(--color-primary);
  border-radius: 10px;
  
  @media (min-width: 768px) {
    width: calc((100% - (2 * 20px)) / 3);
  }

  a {
    text-decoration: none;
  }
}

.block-links-link-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  font-size: var(--font-size-medium);
  color: var(--color-white);
  padding: 30px 25px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  svg {
    display: inline-block;
    margin-bottom: -8px;
    margin-left: 5px;
  }
}