.course-price {
  display: flex;
  flex-direction: column;
  gap: 8px;

  .form-check {
    label {
      border: 1px solid var(--bs-border-color);
      padding: 12px 20px;
      border-radius: var(--bs-border-radius);

      .badge {
        color: var(--bs-body-color);
        background: rgba(var(--bs-secondary-rgb), 0.1);
        border-radius: var(--bs-border-radius);
      }
    }
  }

  .form-check-input {
    display: none;

    &:checked {
      ~ label {
        background: var(--bs-primary);
        border-color: var(--bs-primary);

        span {
          color: rgba(255, 255, 255, 1);
        }

        .badge {
          background: rgba(255, 255, 255, 0.1);
        }
      }
    }
  }
}

.bull-img {
  background: var(--bs-gray-100);

  ::ng-deep.mantis-dark & {
    background: var(--bs-gray-800);
  }
}