[Table Press] The table css is not showing correctly

Hello,

I started to build a comparison website for which I need a comparative table. But after following guides and applying CSS code, it does not show in my page as in the preview. Im gonna attach the information of my css:

`.tablepress.my-class th {
background-color: transparent;
}

.tablepress.my-class thead {
color: white;
}

.tablepress .button {
padding: 5px 15px;
background-color: #1e72bd;
border: 3px solid #1e72bd;
border-radius: 15px;
color: white;
text-decoration: none;
white-space: nowrap;
}

.tablepress tbody td {
vertical-align: middle;
}

.dataTables_wrapper .tablepress {
width: 100% !important;
}

.tablepress.my-class th,
.tablepress.my-class td {
text-align: center;
}

As you can see in the homepage “onlinebankmentor.com” the tables shown does not match the code.
My biggest problem is the button customizing and the gradient color in the first row that I do not like.

Thanks for the help in advance.

The page I need help with: [log in to see the link]