.job-offers-list__result {
    position: relative;
    height: 100%;
}

.job-offer-card {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    background: var(--bs-white);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;

    &:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 28px var(--bs-primary-bg-subtle);
        border-color: var(--bs-primary);

        .card-title { color: var(--bs-primary); }
    }

    .card-body { padding-block: 1.5rem; }
    .card-title { font-weight: 600; }
    .card-subtitle { color: var(--bs-secondary-color); }

    .list-group-item {
        padding-top: .5rem;
        font-size: .95rem;

        span {
            display: block;
            font-weight: 500;
            font-size: .85rem;
            color: var(--bs-gray-500);
        }
    }
}

.job-offer-card__actions { display: flex; flex-wrap: wrap; gap: .5rem; }

.job-offer-card__comments {
    font-size: .95rem;

    > span {
        display: block;
        margin-bottom: .25rem;
        font-weight: 500;
        font-size: .85rem;
        color: var(--bs-gray-500);
    }
}