.featured-pages .featured-pages-grid {
  display: grid;
}
.featured-pages .featured-pages-grid .featured-page {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: 0.2s ease-out;
}
.featured-pages .featured-pages-grid .featured-page .featured-page-button-container,
.featured-pages .featured-pages-grid .featured-page .featured-page-header {
  position: relative;
  z-index: 1;
}
.featured-pages .featured-pages-grid .featured-page .featured-page-button {
  display: inline-flex;
  justify-content: center;
}
.featured-pages .featured-pages-grid .featured-page .featured-page-button .featured-page-button-text {
  transition: 0.2s ease-out;
}
.featured-pages .featured-pages-grid .featured-page .featured-page-button .featured-page-button-text:first-child {
  text-align: left;
}
.featured-pages .featured-pages-grid .featured-page .featured-page-button .featured-page-button-text:last-child {
  text-align: right;
}
.featured-pages .featured-pages-grid .featured-page .featured-page-overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.featured-pages .featured-pages-grid .featured-page .featured-page-overlay img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

/**
 * Button hover effect
 */
a.featured-page:hover .featured-page-button-text,
div.featured-page .featured-page-button:hover .featured-page-button-text {
  flex: 1;
}