.campaign.closed {
  [role="banner"] {
    &.-hero {
      // Overrides to maintain default spacing between headers and cta
      // since the end date is removed
      // @TODO: might be worth while to make this a pattern
      .__subtitle {
        margin-bottom: 27px;
        margin-top: 0;
      }
    }

    .message-callout {
      margin: 0 auto;
      width: 220px;

      .message-callout__copy {
        left: 45px;

        &:before {
          right: 27px;
          top: -20px;
        }
      }

      @include media($tablet) {
        position: absolute;
        left: 190px;
        bottom: 0;
        width: 256px;

        .message-callout__copy {
          left: 0;

          &:before {
            right: auto;
            top: 50%;
          }
        }
      }
    }
  }

}

.campaign.closed {
  .header {
    .message-callout {
      margin: 0 auto;
      width: 220px;

      .message-callout__copy {
        left: 45px;

        &:before {
          right: 27px;
          top: -20px;
        }
      }

      @include media($tablet) {
        position: absolute;
        left: 190px;
        bottom: 0;
        width: 256px;

        .message-callout__copy {
          left: 0;

          &:before {
            right: auto;
            top: 50%;
          }
        }
      }
    }
  }

}

Remove unused styles from closed campaign SCSS.
Remove unused styles from closed campaign SCSS.

We no longer have a `.__subtitle` element as of Forge 6.x so this would
never apply to anything!
