.featured-quote .component {
  padding: 24px 0;
}
.featured-quote .component.dark-teal .component__content,
.featured-quote .component.dark-blue .component__content {
  padding: 24px 8px;
}
.featured-quote .component.dark-teal {
  background: #01444c;
}
.featured-quote .component.dark-blue {
  background: #003652;
}
.featured-quote .component.white .component__content {
  padding: 24px 0;
}
.featured-quote .component__content-container.white {
  background: #ffffff;
  color: #003652;
}
.featured-quote .component__content-container.dark-teal {
  background: #1d5a5d;
}
.featured-quote .component__content-container.dark-blue {
  background: #154865;
}
.featured-quote .component__content-container.dark-teal,
.featured-quote .component__content-container.dark-blue {
  border-radius: 16px;
  color: #ffffff;
}
.featured-quote .component__quote {
  padding-bottom: 48px;
}
.featured-quote .component__quote::before,
.featured-quote .component__quote::after {
  content: '"';
}
.featured-quote .component__quote.has-quote::before {
  content: attr(data-quote-leading);
}
.featured-quote .component__quote.has-quote::after {
  content: attr(data-quote-trailing);
}
.featured-quote .component__name {
  padding-bottom: 8px;
}
.featured-quote .component__read {
  padding-top: 8px;
}
.featured-quote .component__button {
  margin-top: 24px;
}
.featured-quote .component__link {
  margin-top: 24px;
}
.featured-quote .component__link.font-white:focus {
  outline-color: #ffffff;
}
body[dir="rtl"] .featured-quote .component__link svg {
  transform: rotate(180deg);
}
.keyboard-active .featured-quote .component .dark-teal .component__link:focus,
.keyboard-active .featured-quote .component .dark-blue .component__link:focus {
  outline-color: #ffffff;
}