.vehicle-model-card {
    padding: 1.25rem;

    border-radius: 0.375rem;
    background: #f2f2f2;
}

.vehicle-model-card .image {
        flex-basis: 100%;
        aspect-ratio: 350 / 258;
        position: relative;
    }

.vehicle-model-card .content-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

.vehicle-model-card .content-wrapper .info {
            flex-basis: 100%;
            display: flex;
            flex-direction: column;
            justify-content: end;
            gap: 0.25rem;
        }

.vehicle-model-card .content-wrapper .info .title {
                font-size: 1.5rem;
                line-height: 1.2;
                font-weight: 400;
                font-family: var(--font-primary);
            }

.vehicle-model-card .content-wrapper .info .price {
                padding-top: 0.1875rem;
                font-size: 1.0625rem;
                line-height: 1.5rem;
                letter-spacing: -0.2px;
            }

.vehicle-model-card .content-wrapper .info .price .currency {
                    font-size: 0.875rem;
                    line-height: 1.4;
                    margin-inline-end: calc(-1 * 0.125rem);
                }

.vehicle-model-card .content-wrapper .actions {
            flex-basis: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

.vehicle-model-card .content-wrapper .actions .details-link {
                text-decoration: none;
                color: inherit;
            }

.vehicle-model-card .content-wrapper .actions .details-link .label {
                    margin-right: 0.125rem;
                    font-size: 0.9375rem;
                    font-weight: 600;
                }

.vehicle-model-card .content-wrapper .actions .details-link .icon {
                    font-size: 0.625rem;
                }

@media screen and (min-width: 64rem) {
    .vehicle-model-card {
        padding: 1.5rem;
    }
                .vehicle-model-card .content-wrapper .info .title {
                    font-size: 1.375rem;
                    line-height: 2.1875rem;
                    letter-spacing: -0.3px;
                }
                .vehicle-model-card .content-wrapper .info .price {
                    font-size: 1.375rem;
                }
                    .vehicle-model-card .content-wrapper .info .price .from {
                        font-size: 1.375rem;
                    }
                    .vehicle-model-card .content-wrapper .info .price .currency {
                        font-size: 1rem;
                        line-height: 1.4;
                    }
            .vehicle-model-card .content-wrapper .actions {
                padding-top: 0.625rem;
            }
                    .vehicle-model-card .content-wrapper .actions .details-link .label {
                        font-size: 1rem;
                    }
                    .vehicle-model-card .content-wrapper .actions .details-link .icon {
                        font-size: 0.75rem;
                    }
}

@media screen and (min-width: 96rem) {
    .vehicle-model-card {
        padding: 1.875rem 1.875rem 2.1875rem;
    }
                .vehicle-model-card .content-wrapper .info .title {
                    font-size: 1.5625rem;
                    line-height: 2.1875rem;
                    letter-spacing: -0.3px;
                }
                .vehicle-model-card .content-wrapper .info .price {
                    padding: 0;
                    font-size: 1.375rem;
                }
                    .vehicle-model-card .content-wrapper .info .price .from {
                        font-size: 1.375rem;
                    }
                    .vehicle-model-card .content-wrapper .info .price .currency {
                        font-size: 1.125rem;
                        line-height: 1.4;
                        margin-inline-end: calc(-1 * 0.25rem);
                    }
            .vehicle-model-card .content-wrapper .actions {
                padding-top: 0.625rem;
            }
                    .vehicle-model-card .content-wrapper .actions .details-link .label {
                        font-size: 1rem;
                    }
                    .vehicle-model-card .content-wrapper .actions .details-link .icon {
                        font-size: 0.75rem;
                    }
}