.job_positions--wrap {
    padding: 60px 15px;
    background: #e6e6e6;
}

.job_positions--wrap .headline--txt {
    margin-top: 26px;
}

.job-position--list {
    margin-top: 34px;
    border-bottom: 1px solid #cfcfcf;
}

.card-job-position {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 16px 12px 15px;
    border-top: 1px solid #cfcfcf;
    transition: background .3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.card-job-position--title {
    flex: 1.15;
    margin: 0;
    font-weight: var(--font-weight-regular);
    font-size: var(--fs-body-1);
    transition: color .2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.card-job-position--location {
    flex: 1;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    transition: color .2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.card-job-position--actions .link {
    transition: color .2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (min-width: 641px) {
    .card-job-position {
        align-items: center;
    }

    .card-job-position--actions {
        min-width: 100px;
        text-align: right;
    }

}

@media (min-width: 992px) {
    .s-job_positions {
        padding: 0 0 100px;
    }

    .job_positions--wrap {
        padding: 71px 64px 64px;
        border-radius: 8px;
    }

    .card-job-position:hover {
        color: #fff;
        background: #000;
    }

    .card-job-position:hover .card-job-position--location {
        color: rgba(255, 255, 255, 0.6);
    }

    .card-job-position:hover .card-job-position--actions .link {
        color: #fff;
    }
}

@media (max-width: 640px) {

    .s-job_positions .container {
        padding: 0;
    }

    .job_positions--wrap .headline {
        text-align: center;
    }

    .card-job-position {
        flex-direction: column;
    }
}