.paragraph--type--component-description-figure {
  opacity: 0;
}
.paragraph--type--component-description-figure .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.paragraph--type--component-description-figure .field--name-field-component-headline {
  margin-bottom: 8px;
}
.paragraph--type--component-description-figure .field--name-field-cp-df-image {
  margin-top: 42px;
}
.paragraph--type--component-description-figure .field--name-field-cp-df-iframe {
  margin-top: 42px;
  height: 350px;
}
.paragraph--type--component-description-figure .field--name-field-cp-df-iframe iframe {
  height: 350px;
  width: 100%;
  border: 0;
}
@media (min-width: 768px) {
  .paragraph--type--component-description-figure .field--name-field-component-headline {
    margin-bottom: 10px;
  }
  .paragraph--type--component-description-figure .field--name-field-cp-df-image,
  .paragraph--type--component-description-figure .field--name-field-cp-df-iframe {
    margin-top: 34px;
  }
}
@media (min-width: 992px) {
  .paragraph--type--component-description-figure {
    position: relative;
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
  }
  .paragraph--type--component-description-figure .field--name-field-cp-df-image,
  .paragraph--type--component-description-figure .field--name-field-cp-df-iframe {
    margin-top: 0;
    text-align: right;
    float: right;
  }
  .paragraph--type--component-description-figure .field--name-field-cp-text-text {
    display: inline-block;
  }
  .paragraph--type--component-description-figure .field--name-field-cp-text-text.custom-show-more + .custom-show-more-btn, .paragraph--type--component-description-figure .field--name-field-cp-text-text.custom-show-more + .custom-show-less-btn {
    position: absolute;
    left: 0;
  }
  .paragraph--type--component-description-figure .field--name-field-cp-text-text.custom-show-more + .custom-show-more-btn {
    bottom: -12px;
  }
  .paragraph--type--component-description-figure .field--name-field-cp-text-text.custom-show-more + .custom-show-less-btn {
    bottom: -22px;
  }
  .paragraph--type--component-description-figure .field--name-field-cp-section-label,
  .paragraph--type--component-description-figure .field--name-field-component-headline,
  .paragraph--type--component-description-figure .field--name-field-cp-text-text {
    width: 30%;
  }
  .paragraph--type--component-description-figure .group-left {
    width: 30%;
    float: left;
    position: relative;
  }
  .paragraph--type--component-description-figure .group-left > div {
    width: 100%;
  }
  .paragraph--type--component-description-figure .group-right {
    width: 60%;
    float: right;
  }
}