/* old: 'Font Awesome 6 Free' */
.sapCard {
  flex: 0 1 100%;
  max-width: 415px;
}
.sapCard .innerContent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 16px;
  padding-right: 10px;
}
.sapCard .innerContent .sapImage {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.sapCard .innerContent .sapHeadline {
  font-family: "Cabin", Arial, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.sapCard .innerContent .sapHeadline a {
  color: black;
  text-decoration: none;
}
.sapCard .innerContent .sapHeadline a:hover {
  color: #005CAB;
}
.sapCard .innerContent .sapHeadline a.external-link:after {
  content: "";
}
.sapCard .innerContent .tags {
  display: flex;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-wrap: wrap;
}
.sapCard .innerContent .tags .tag {
  display: block;
}
.sapCard .innerContent .tags .tag a.tagLink {
  color: white;
  background-color: #005CAB;
  display: flex;
  gap: 10px;
  text-decoration: none;
  font-family: "Karla", Arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 13px;
  padding: 4px;
  white-space: nowrap;
}
.sapCard .innerContent .tags .tag a.tagLink:hover {
  background-color: #0075DB;
}
.sapCard .innerContent .summary {
  flex: 0 1 100%;
  font-family: "Karla", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  overflow: hidden;
}
.sapCard .innerContent .contentlink .link {
  text-decoration: none;
  display: inline-flex;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}
.sapCard .innerContent .contentlink .link.external-link svg {
  fill: #0055a5;
}
.sapCard .innerContent .contentlink .link.external-link svg:hover {
  fill: #003b72;
}
.sapCard .innerContent .contentlink .link:after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  transition-timing-function: ease-out;
  transition-duration: 50ms;
  transition-property: transform;
  margin-left: 8px;
}
.sapCard .innerContent .contentlink .link:hover, .sapCard .innerContent .contentlink .link:active, .sapCard .innerContent .contentlink .link:focus, .sapCard .innerContent .contentlink .link:focus-visible, .sapCard .innerContent .contentlink .link:first-child:hover, .sapCard .innerContent .contentlink .link:first-child:active, .sapCard .innerContent .contentlink .link:first-child:focus, .sapCard .innerContent .contentlink .link:first-child:focus-visible {
  cursor: pointer;
  text-decoration: none !important;
}
.sapCard .innerContent .contentlink .link:hover:after, .sapCard .innerContent .contentlink .link:first-child:hover:after {
  transform: translateX(8px);
}