.lp-builder .card .lpb-controls-label {
  color: initial;
}

.card-callout.background--primary-01 a {
  color: var(--accent-01);
}

.card-callout.background--primary-01 .btn--primary,
.card-callout.background--primary-01 .btn--secondary,
.card-callout.background--primary-01 .btn--outline {
  color: var(--accent-01);
  background-color: transparent;
  border-color: var(--accent-01);

  &:hover {
    color: var(--primary-01);
    background-color: var(--accent-01);
    border-color: var(--accent-01);
  }

  &:focus {
    color: var(--primary-01);
    background-color: var(--accent-01);
    border-color: var(--accent-01);
    outline: 2px solid var(--primary-01);
    outline-offset: -4px;
  }

  &:active {
    color: var(--primary-01);
    background-color: var(--accent-01);
    border-color: var(--accent-03);
    outline: 2px solid var(--accent-03);
    outline-offset: -2px;
  }

  &:disabled,
  &.disabled {
    color: var(--neutral-06);
    background-color: transparent;
    border-color: var(--neutral-06);
  }
}

.card-callout.background--primary-01 .link--arrow {
  color: var(--accent-01);

  &:after {
    color: inherit;
  }

  &:hover {
    color: var(--accent-02);

    &:after {
      color: inherit;
    }
  }
}