.cr-ct-price {
  text-transform: uppercase;

  &--font-variant-1 {
    &.cr-ct-price--heading {
      font-family: @theme-font-variants[ @variant-1][header-font-family];
    }
    &.cr-ct-price--body {
      font-family: @theme-font-variants[ @variant-1][body-font-family];
    }
  }

  &--font-variant-2 {
    &.cr-ct-price--heading {
      font-family: @theme-font-variants[ @variant-2][header-font-family];
    }
    &.cr-ct-price--body {
      font-family: @theme-font-variants[ @variant-2][body-font-family];
    }
  }

  &--font-variant-3 {
    &.cr-ct-price--heading {
      font-family: @theme-font-variants[ @variant-3][header-font-family];
    }
    &.cr-ct-price--body {
      font-family: @theme-font-variants[ @variant-3][body-font-family];
    }
  }

  &--default {
    color: @theme-secondary-base-color !important;
  }

  &--primary {
    &.cr-ct-price--theme-1 {
      color: @themes[ @theme-1][ @colors][color-50] !important;
    }

    &.cr-ct-price--theme-2 {
      color: @themes[ @theme-2][ @colors][color-50] !important;
    }

    &.cr-ct-price--theme-3 {
      color: @themes[ @theme-3][ @colors][color-50] !important;
    }

    &.cr-ct-price--theme-4 {
      color: @themes[ @theme-4][ @colors][color-50] !important;
    }

    &.cr-ct-price--theme-5 {
      color: @themes[ @theme-5][ @colors][color-50] !important;
    }

    &.cr-ct-price--theme-6 {
      color: @themes[ @theme-6][ @colors][color-50] !important;
    }
  }

  &--small {
    font-size: 16px !important;
    line-height: 20px;
    font-weight: 400;
  }

  &--medium {
    font-size: 20px !important;
    line-height: 24px;
    font-weight: 700;
  }

  &--large {
    font-size: 24px !important;
    line-height: 28px;
    font-weight: 600;
  }

  &__label {
    font-weight: 300;
  }
}