.video-embed__button {
  font-size: 0.7rem;
  color: #323232;
  font-family: "Avenir LT W01_45 Book1475508";
  line-height: 34px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase; }
  @media (min-width: 37.5em) {
    .video-embed__button {
      font-size: 0.8rem; } }
  @media (min-width: 62em) {
    .video-embed__button {
      font-size: 0.9rem; } }
  .video-embed__button--close {
    text-decoration: none; }
    .video-embed__button--close:hover {
      text-decoration: none; }

.video-embed {
  margin-bottom: 3.75rem; }
  @media (min-width: 55em) {
    .video-embed {
      margin-bottom: 5rem; } }
  .video-embed__video {
    background: rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 0 250rem rgba(0, 0, 0, 0.9);
    display: none;
    left: 50%;
    margin-left: -130px;
    margin-top: -107px;
    position: fixed;
    top: 50%;
    width: 260px;
    z-index: 10; }
    @media (min-width: 31.25em) {
      .video-embed__video {
        margin-left: -200px;
        margin-top: -164px;
        width: 400px; } }
    @media (min-width: 37.5em) {
      .video-embed__video {
        margin-left: -275px;
        margin-top: -217px;
        width: 550px; } }
    @media (min-width: 62em) {
      .video-embed__video {
        margin-left: -350px;
        margin-top: -272px;
        width: 700px; } }
    @media (min-width: 95em) {
      .video-embed__video {
        margin-left: -450px;
        margin-top: -338px;
        width: 900px; } }
    .video-embed__video.js-show {
      display: block; }
  .video-embed__preview-image {
    cursor: pointer;
    display: block;
    line-height: 0;
    position: relative; }
    .video-embed__preview-image::before {
      background: url("../../../../images/icons/icon--play.svg") no-repeat center #fff;
      background-position: 1rem center;
      bottom: 0;
      content: "Watch";
      font-family: "Avenir LT W01_95 Black1475556";
      line-height: 1;
      padding: 1rem 1.5rem 1rem 3.5rem;
      position: absolute;
      right: 0; }
      @media (min-width: 62em) {
        .video-embed__preview-image::before {
          background-position: 2.5rem center;
          padding: 2rem 2.5rem 2rem 5rem; } }
  @media (min-width: 62em) {
    .field--name-field-sidebar .video-embed__preview-image::before {
      background-position: 1rem center;
      padding: 1rem 1.5rem 1rem 3.5rem; } }