.okeLoyalty {
  --button-padding-block: var(--padding-md);
  --button-padding-inline: var(--padding-3xl);
  --button-border-width: var(--style-border-width-primary);
  --button-background-color: var(--color-primary-button-background);
  --button-border-color: var(--color-primary-button-border);
  --font-paragraph--size: var(--font-h3--size);
  --font-paragraph--line-height: 1;

  .c-embeddedProfile-login {
    max-width: 25rem;

    .c-button {
      width: 100%;
    }
  }

  #oke-loyalty-profile {
    .c-embeddedHeaderBar {
      display: none;
    }
  }

  .c-button,
  .c-tabs-list-item-link {
    height: auto;
    padding: var(--button-padding-block) var(--button-padding-inline);
    display: grid;
    align-content: center;
    justify-content: normal;
    border: none;
    border-radius: 0;
    font-family: var(--font-paragraph--family);
    font-style: var(--font-paragraph--style);
    font-size: var(--font-paragraph--size);
    font-weight: inherit;
    line-height: var(--font-paragraph--line-height);
    transition: color var(--animation-speed) var(--animation-easing), box-shadow var(--animation-speed) var(--animation-easing), background-color var(--animation-speed) var(--animation-easing);
    box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color);
    -webkit-appearance: none;
    appearance: none;
  }

  .c-button,
  .c-tabs-list-item-link.is-active {
    --button-color: var(--color-primary-button-text);

    background-color: var(--button-background-color);
    color: var(--button-color);
  }

  .c-tabs-list-item-link {
    text-align: center;
  }

  .c-card,
  .c-embeddedEarningRules .c-actionCard,
  .c-embeddedEarningRules .c-couponCard,
  .c-embeddedEarningRules .c-skeletonCard,
  .c-embeddedRedeem .c-actionCard,
  .c-embeddedRedeem .c-couponCard,
  .c-embeddedRedeem .c-skeletonCard {
    border-radius: 0;
  }

  .u-textStyle--title,
  .c-embeddedHeaderBar-title {
    font-weight: var(--font-h2--weight);
    font-size: var(--font-h2--size);
  }

  .u-textStyle--subtitle {
    font-size: var(--font-h3--size);
  }

  .u-textStyle--body {
    font-size: var(--font-size--md);
  }
}