.cards.flex.cols-3 > .content,
.cards.flex.cols-3 > .layout > .layout__region--content {
  margin-bottom: 2rem;
}

.cards.flex.cols-3 > .content > .paragraph,
.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph {
  border-radius: 1rem;
  background-color: var(--light-gray);
}

.cards.flex.cols-3 > .content > .paragraph a:not(.hfc-button),
.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph a:not(.hfc-button) {
  color: var(--font-color);
  border-color: var(--font-color);
  outline-color: var(--font-color);
}

.cards.flex.cols-3 > .content > .paragraph a:not(.hfc-button)::after,
.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph a:not(.hfc-button)::after {
  background: var(--font-color);
}

.cards.flex.cols-3 > .content > .paragraph a:not(.hfc-button):where(:hover, :focus),
.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph a:not(.hfc-button):where(:hover, :focus) {
  color: var(--white);
}

.primary.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph,
.secondary.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph,
.tertiary.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph {
  color: var(--white);
}

.primary.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph,
.primary.cards.flex.cols-3 > .field--name-field-catalog-programs > .field__item {
  background-color: var(--primary-branding-color);
}

.secondary.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph,
.secondary.cards.flex.cols-3 > .field--name-field-catalog-programs > .field__item {
  background-color: var(--secondary-branding-color);
}

.tertiary.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph {
  background-color: var(--tertiary-branding-color);
}

.primary.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph a:not(.hfc-button),
.secondary.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph a:not(.hfc-button),
.tertiary.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph a:not(.hfc-button),
.cards.flex.cols-3 > .field--name-field-catalog-programs > .field__item > a.program-link {
  color: var(--white);
  border-color: var(--white);
}

.primary.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph a:not(.hfc-button):where(:hover, :focus),
.secondary.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph a:not(.hfc-button):where(:hover, :focus),
.tertiary.cards.flex.cols-3 > .layout > .layout__region--content > .paragraph a:not(.hfc-button):where(:hover, :focus),
.cards.flex.cols-3 > .field--name-field-catalog-programs > .field__item > a.program-link:where(:hover, :focus) {
  color: var(--font-color);
  border-color: var(--white);
  background-image: linear-gradient(var(--white), var(--white));
}

.cards.flex.cols-3 > .field--name-field-catalog-programs > .field__item {
  text-align: center;
  border-radius: 1rem;
}

.cards.flex.cols-3 > .field--name-field-catalog-programs > .field__item a.program-link {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0.5em;
  border: 3px solid transparent;
  border-radius: 1rem;
}

.secondary.cards.flex.cols-3 > .field--name-field-catalog-programs > .field__item a.program-link:where(:hover, :focus) {
  margin-bottom: 0;
  border: 3px solid var(--secondary-branding-color);
  border-radius: 1rem;
}