/**
 * overlay-close-outside
 */

.overlay-close-outside {
  &:not(.overlay-screen) {
    @media @min-sm {
      .overlay-inner {
        border-top-right-radius: 0;
      }
      .card-overlay > .btn-close {
        .btn-primary();
        .btn-squared();
        top: 0;
        left: 100%;
        right: auto;
      }
    }
    &.overlay-position-right {
      .card-overlay > .btn-close {
        left: auto;
        right: 100%;
      }
    }
  }
}