Как сделать, чтобы таблица прокручивалась пальцем вниз?

body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}
*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}

.table {
    background-color: #593d91;
}

.table__wrap {
    overflow-x: auto;
    overflow-y: hidden;
}

.table__wrap table {
    width: 100%;
    min-width: 500px;
    overflow-y: hidden;
}

.table__wrap tbody {
    background-color: #fff;
}

.table__wrap tbody tr:first-child td:first-child {
    border-top-left-radius: 10px;
}

.table__wrap tbody tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

.table__wrap tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.table__wrap tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.table__wrap th,
.table__wrap td {
    text-align: left;
    padding-left: 25px;
}

.table__wrap th {
    font-size: 43px;
}

.table__wrap td {
    font-size: 38px;
    font-weight: normal;
    font-family: "ToyotaTypeBook";
}

.table__wrap thead tr th:first-child,
.table__wrap thead tr td:first-child,
.table__wrap tbody tr th:first-child,
.table__wrap tbody tr td:first-child {
    padding-left: 120px;
}

.table__wrap thead th:first-child,
.table__wrap thead td:first-child,
.table__wrap tbody th:first-child,
.table__wrap tbody td:first-child {
    max-width: 460px;
    min-width: 250px;
}

.table__wrap thead th:nth-child(2),
.table__wrap thead td:nth-child(2),
.table__wrap tbody th:nth-child(2),
.table__wrap tbody td:nth-child(2) {
    max-width: 270px;
    min-width: 200px;
}

.table__wrap thead th:nth-child(3),
.table__wrap thead td:nth-child(3),
.table__wrap tbody th:nth-child(3),
.table__wrap tbody td:nth-child(3) {
    max-width: 600px;
    min-width: 250px;
}

.table__wrap thead th:nth-child(4),
.table__wrap thead td:nth-child(4),
.table__wrap tbody th:nth-child(4),
.table__wrap tbody td:nth-child(4) {
    max-width: 445px;
    min-width: 310px;
}

.table__wrap thead th:nth-child(5),
.table__wrap thead td:nth-child(5),
.table__wrap tbody th:nth-child(5),
.table__wrap tbody td:nth-child(5) {
    max-width: 250px;
    min-width: 200px;
}

.table__wrap thead th:nth-child(6),
.table__wrap thead td:nth-child(6),
.table__wrap tbody th:nth-child(6),
.table__wrap tbody td:nth-child(6) {
    max-width: 270px;
    min-width: 200px;
}

.table__wrap tbody tr td:nth-child(5),
.table__wrap tbody tr td:nth-child(6) {
    text-align: center;
}

<section class="table">
    <div class="container"> 
        <div class="table__wrap">   
            <table> 
                <thead> 
                    <tr>    
                        <th>Дата</th>
                        <th>Начало</th>
                        <th>Имя</th>
                        <th>Фамилия</th>
                        <th>Поменять</th>
                        <th>Удалить</th>
                    </tr>
                </thead>
                <tbody> 
                    <tr>
                        <td>25/11/21</td>
                        <td>10:15</td>
                        <td>Константин</td>
                        <td>Іванов</td>
                        <td>+</td>
                        <td>+</td>
                    </tr>
                    <tr>
                        <td>25/11/21</td>
                        <td>10:15</td>
                        <td>Константин</td>
                        <td>Іванов</td>
                        <td>+</td>
                        <td>+</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>