.rc-button,
.rc-button:link,
.rc-button:visited {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: var(--radius-small);
  box-sizing: var(--global-box-sizing);
  cursor: pointer;
  padding: var(--spacer-small) var(--spacer-medium);
  text-align: center;
  text-decoration: none;
  text-transform: var(--text-primary-cta-text-transform);
  transition:
    background-color var(--transition-hover-out-time) var(--transition-hover-out-easing),
    border var(--transition-hover-out-time) var(--transition-hover-out-easing),
    color var(--transition-hover-out-time) var(--transition-hover-out-easing);
  width: initial;
}

.rc-button-outline-light,
.rc-button-outline-light:link,
.rc-button-outline-light:visited {
  background-color: transparent;
  border: 1px solid var(--color-swatch-text-light);
  color: var(--color-swatch-text-light);
  font-size: var(--text-xs-size);
  font-weight: var(--text-bold-font-weight);
  line-height: var(--text-xs-line-height);
}

.rc-button-outline-light:hover {
  border: 1px solid var(--color-alert-background);
  color: var(--color-swatch-text-light);
  transition:
    border var(--transition-hover-in-time) var(--transition-hover-in-easing),
    color var(--transition-hover-in-time) var(--transition-hover-in-easing);
}

.rc-button-outline-matched,
.rc-button-outline-matched:link,
.rc-button-outline-matched:visited {
  background-color: transparent;
  border: 1px solid var(--color-primary-cta-background);
  color: var(--color-primary-cta-background);
  font-size: var(--text-xs-size);
  font-weight: var(--text-bold-font-weight);
  line-height: var(--text-xs-line-height);
}

.rc-button-outline-matched:hover {
  border: 1px solid var(--color-alert-alt-background);
  color: var(--color-alert-alt-background);
  transition:
    border var(--transition-hover-in-time) var(--transition-hover-in-easing),
    color var(--transition-hover-in-time) var(--transition-hover-in-easing);
}

.rc-button-solid-light,
.rc-button-solid-light:link,
.rc-button-solid-light:visited {
  background-color: var(--color-primary-cta-background);
  border: 1px solid var(--color-primary-cta-background);
  color: var(--color-swatch-text-light);
  font-size: var(--text-xs-size);
  font-weight: var(--text-bold-font-weight);
  line-height: var(--text-xs-line-height);
}

.rc-button-solid-light:hover {
  background-color: var(--color-alert-alt-background);
  border: 1px solid var(--color-alert-alt-background);
  transition:
    background-color var(--transition-hover-in-time) var(--transition-hover-in-easing),
    border var(--transition-hover-in-time) var(--transition-hover-in-easing);
}

.rc-button-text-only-matched,
.rc-button-text-only-matched:link,
.rc-button-text-only-matched:visited {
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--color-primary-cta-background);
  font-size: var(--text-xs-size);
  font-weight: var(--text-bold-font-weight);
  line-height: var(--text-xs-line-height);
}

.rc-button-text-only-matched:hover {
  border: 1px solid var(--color-primary-cta-background);
  color: var(--color-alert-alt-background);
  transition:
    border var(--transition-hover-in-time) var(--transition-hover-in-easing),
    color var(--transition-hover-in-time) var(--transition-hover-in-easing);
}