Как выровнять в строку?

Подскажите пожалуйста, как выровнять второй столбик в ряд? Почему-то переносится текст

<table>
    <tr>
        <td>Уборка санузлов</td>
        <td>800 ₽ шт.</td>
        <td>Добавить</td>
    </tr>
    <tr>
        <td>Удаление прикипевшей плёнки с оконных рам</td>
        <td>+ 2000 ₽</td>
        <td>Добавить</td>
    </tr>
</table>

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 8px;
}

tr {
    background-color: var(--color-blue);
    color: var(--color-white);
}

td {
    font-size: 20px;
    font-weight: 500;
    padding: 10px 24px;
}

td:first-child {
    font-size: 20px;
    font-weight: 500;
    border-top-left-radius: 87px;
    border-bottom-left-radius: 87px;

}
td:last-child {
    font-size: 20px;
    font-weight: 500;
    border-top-right-radius: 87px;
    border-bottom-right-radius: 87px;
}

Нужно чтобы было вот так, чтобы строки не переносились.