JSFiddle - React, Tailwind, and code Playground

HTML

<table class="borda-na-tabela">
    <tr>
    <th>ASDFASDF</th>
    <th>ASDFASDFASDFA</th>
    <th>ASDFASDF</th>
    </tr>
    <tr>
    <td>ASDFASDF</td>
    <td>654</td>
    <td>R$ 00,00</td>
    </tr>
    <tr>
    <td>SDFASDF</td>
    <td>45</td>
    <td>R$ 00,00</td>
    </tr>
    </table>

CSS

.borda-na-tabela {
        margin-top: 15px;
        width: 100%;
        text-align: center;
        overflow:hidden;
        border-collapse:separate;
        border: 3px solid red;
        border-radius: 50%;
    }
        
    table td {
        color: #aaa;
        background-color: white;
        padding: 5px;
        border: 1px solid #ddd;
    }
    
    table th{
        color: white;
        background-color: red;
        font-weight: normal;
        text-align: center;
        padding: 5px;
        font-size: 12px;
    }