.tile {
  background-color: var(--color-white);
  position: relative;
  min-height: 280px;
  border-radius: var(--border-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.col>.tile {
  height: 100%;
}

.tile__content {
  padding: calc(2 * var(--spacing));
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
  padding-top: var(--spacing);
  flex: 1;
}

.tile__content>* {
  margin-block: 0;
}

.tile__title {
  color: var(--full-color);
  font-size: var(--font-size-responsive-xx-large);
}

.tile__title a {
  color: inherit !important;
  text-decoration: none;
}

.tile__title a::after {
  position: absolute;
  inset: 0;
  content: '';
}

.tile__image {
  position: relative;
  display: block;
}

.tile__image svg {
  width: 100%;
  height: auto;
}

.tile--linked .tile__image {
  filter: brightness(80%);
}

.tile--linked:hover .tile__image {
  filter: brightness(100%);
}

.tile--linked:hover .tile__title {
  text-decoration: underline;
}

.tile__cta {
  margin-top: auto;
  padding-top: 10px;
}

.tile__cta .button {
  font-size: 16px;
}