.snippet-card-page {
  background-color: var(--colour-white);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  border-radius: var(--border-radius-md);
  transition: all var(--transition-duration) var(--transition-timing) 0s;
}
.snippet-card-page a {
  text-decoration: none;
  color: var(--colour-text-base);
}
.snippet-card-page:hover, .snippet-card-page:focus {
  background-color: var(--colour-mercury);
}