.x-card-notify {
  @extend %x-card-inline;

  .x-card-content {
    @extend %w-100,
            %d-flex,
            %align-items-start,
            %flex-column,
            %justify-content-between;
  }
}

.x-card-action {
  @extend %x-card-hover-border;
}

.x-card-clickable {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}