.user-container {
    gap: 15px;
}
.user-column {
    border: 2px solid var(--red);
    border-radius: 12px;
    padding: 20px 20px 75px;
}
.user-title {
    line-height: 1.2;
    font-size: 26px;
    margin: 0 0 7px;
}
.user-date,
.user-interest,
.user-city {
    color: #9e9e9e;
    line-height: 1.2;
    font-size: 16px;
    margin: 0 0 8px;
}
.user-city {
    margin-bottom: 15px;
}
p.interested {
    font-size: 17px;
    line-height: 1.2;
}
.interested-container a:last-child span {
    display: none;
}
.interested-name {
    font-size: 15px;
    line-height: 1.4;
}
.interested-name:hover {
    text-decoration: underline;
}
.no-jobs, .new-jobs {
    font-size: 19px;
    max-width: 470px;
    line-height: 1.4;
}
.user-btn {
    bottom: 20px;
    width: 200px;
    height: 38px;
    left: 50%;
    transform: translateX(-50%);
}
.user-btn:not(.user-btn-disabled) {
    background-color: #a33157;
    color: white;
}

/* RESPONSIVO */

@media screen and (max-width: 1600px) {
    .user-title {
        font-size: 25px;
    }
}

@media screen and (max-width: 1400px) {
    .no-jobs, .new-jobs {
        font-size: 18px;
    }
    .user-title {
        font-size: 23px;
    }
    .user-date, .user-interest, .user-city {
        font-size: 15px;
        margin: 0 0 6px;
    }
    .user-btn {
        bottom: 15px;
        width: 190px;
        height: 35px;
        font-size: 15px;
    }
    .user-city {
        margin-bottom: 10px;
    }
    .user-column {
        padding: 15px 15px 65px;
    }
}

@media screen and (max-width: 1100px) {
    .user-title {
        font-size: 20px;
    }
    .user-date, .user-interest, .user-city {
        font-size: 14px;
        margin: 0 0 5px;
    }
    .user-btn {
        width: 180px;
        height: 34px;
        font-size: 14px;
    }
}

@media screen and (max-width: 978px) {
    .no-jobs, .new-jobs {
        font-size: 17px;
    }
    .user-container.grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 550px) {
    .user-container.grid-cols-3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}