@use '@carbon/styles/scss/themes' as *;
@use '@carbon/styles/scss/theme' as * with (
  $theme: $white
);

.aem--card__footer {
  align-self: flex-start;
  &:hover {
    text-decoration: underline;

    svg,
    .aem--card__cta__copy {
      color: $link-primary-hover;
    }
  }

  &:active,
  &:focus {
    align-self: flex-start;
    outline: 1px solid $focus;
  }
  &::after {
    position: relative;
  }
}