.figure-featured {
  margin: 0;
  max-height: 27rem;
  overflow: hidden;
  position: relative; }
  .figure-featured img {
    display: block;
    height: auto;
    width: 100%; }
  .figure-featured > figcaption {
    background-color: #151515;
    margin: 0;
    width: 100%; }
  @media (min-width: 48em) {
    .figure-featured > figcaption {
      background-color: rgba(21, 21, 21, 0.85);
      bottom: 0;
      position: absolute; } }

@media (min-width: 37.5em) {
  .figure-featured__caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media (max-width: 37.4375em) {
  .figure-featured__label {
    margin-bottom: -1.5rem;
    text-align: center; }
    .figure-featured__label .button {
      position: relative;
      top: -0.9rem; } }

@media (min-width: 37.5em) {
  .figure-featured__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .figure-featured__label > .button {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }

.figure-featured__description {
  font-size: 0.7rem;
  line-height: 1.71429;
  color: #fff;
  padding: 1rem 0; }
  .figure-featured__description p:first-child {
    margin-top: 0; }
  .figure-featured__description p:last-child {
    margin-bottom: 0; }
  @media (min-width: 37.5em) {
    .figure-featured__description {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0.5rem 1rem; } }