@mixin eds-c-card--horizontal() {
    .eds-c-card__container {
        flex-direction: row;
        gap: $t-a-space-absolute-400;

        &.eds-c-card__container--icon,
        &.eds-c-card__container--metadata {
            .eds-c-card__inner {
                &--white-bg {
                    border-top-right-radius: $t-eds-c-card-border-radius;
                    border-bottom-right-radius: $t-eds-c-card-border-radius;
                    border-top: 1px solid $t-a-palette-default-blue-light;
                    border-right: 1px solid $t-a-palette-default-blue-light;
                    border-bottom: 1px solid $t-a-palette-default-blue-light;
                }
            }
        }

        &.eds-c-card__container--metadata {
            .eds-c-card__inner {
                display: flex;
                flex-basis: 100%;
            }
        }

        &.eds-c-card__container--metadata:hover {
            .eds-c-card__metadata::before {
                background: $t-a-palette-default-white;
            }

            .eds-c-card__metadata-list {
                border-top: unset;
            }
        }

        &.eds-c-card__container--highlight {
            border-top: none;
            border-left: $t-eds-c-card-highlight-border-width-style $t-eds-c-card-highlight-border-color;
            .eds-c-card__inner {
                &--white-bg {
                    border-bottom-left-radius: unset;
                    border-top-left-radius: unset;
                    border-left: unset;
                }
            }
        }
    }

    .eds-c-card__container img {
        max-width: 258px;
    }

    .eds-c-card__image {
        display: flex;
        flex: 0 1 auto;
        width: auto;
        min-width: 200px;
        text-align: center;
    }

    .eds-c-card__metadata {
        display: flex;
        flex: 0 0 200px;
        padding: $t-a-space-absolute-400 $t-a-space-absolute-400 $t-a-space-absolute-400 0;
        &::before {
            content: "";
            display: block;
            width: 1px;
            flex: 0 2 auto;
            background: $t-a-palette-default-blue-light;
        }

        .eds-c-card__metadata-list {
            padding-top: unset;
            border-top: unset;
            padding-left: $t-a-space-absolute-400;
        }

        .eds-c-card__metadata-list:not(:last-child) {
            margin-bottom: $t-a-space-absolute-400;
        }
    }
}

.eds-c-card--horizontal {
    @include from-tablet {
        @include eds-c-card--horizontal;
    }
}
