aki-card,
*.aki-card,
*[aki-card] {
    background: $primary;
    box-shadow: $elevation-z1;
    border-radius: .125rem;
    color: $on-primary;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    letter-spacing: .0178571429em;
    line-height: 1.25rem;
    font-family: $font-open-sans, sans-serif;
    max-width: calc(25rem - 3rem);
    padding: 1.25rem 1.5rem;

    aki-card-title
    *.aki-card-title,
    *[aki-card-title] {
        font-family: $font-source-sans-pro, sans-serif;
        font-size: 1.25rem;
        font-weight: 700;
        letter-spacing: .009375em;
        line-height: 1.75rem;
        margin-bottom: 1rem;
        text-transform: uppercase;
    }

    &.elevated-card {
        box-shadow: $elevation-z8;
    }
}