.b-course-button {
  position: relative;
  background: var(--wp--preset--color--gray-light-3) radial-gradient(var(--wp--preset--color--gray-light-3), var(--wp--preset--color--gray-light-2));
}
.b-course-button__date {
  display: block;
  margin-top: var(--unit-small);
  font-size: var(--wp--preset--font-size--small);
}
.b-course-button__figure {
  aspect-ratio: 4/3;
}
@media screen and (min-width: 64em) {
  .b-course-button__figure {
    aspect-ratio: 2/3;
  }
}
@media screen and (min-width: 90em) {
  .b-course-button__figure {
    aspect-ratio: 3/2;
  }
}
.b-course-button__header {
  text-align: center;
  position: relative;
  background-color: var(--wp--preset--color--white-85);
  padding-top: var(--unit-small);
  padding-bottom: var(--unit-small);
}
.b-course-button__image {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.b-course-button__inner {
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: var(--unit) var(--unit-medium);
}