support-foo/web

.backdrop {
  color: white;
  background-color: $gray-dark;

  h1 {
    font-size: 30px;
    line-height: 1.2;
  }

  h1 + p {
    margin-top: 20px;
  }

  p + p {
    margin-top: 40px;
  }

  p {
    font-family: $font-family-serif;
    color: $gray-light;
    font-size: 20px;
  }

  .secondary p {
    margin-top: 40px;
    font-family: $font-family-sans-serif;
    font-size: $font-size-small;
  }

  .btn {
    background-color: transparent;
    border: 1px solid $blue-highlight;
    color: $blue-highlight;
  }

  .btn-default {
    &:not([disabled]) {
      &:hover,
      &.hover {
        background-color: $gray-darker;
      }
    }
  }
}

.backdrop-shadow {
  box-shadow: inset 0 5px 25px $gray-dark;
  overflow: hidden;
}