Hello Alex

Unfortunately I cannot provide that, as it is different for each skin. You can take a look at ../wp-content/plugins/wpdatatables/assets/css/wdt-skins/ folder, but I would not recommend changing those files as they will be overwritten with an update.

Instead, you can add a custom CSS button class to the button in column settings, and then configure your CSS in the Customize tab above the table, or in wpDataTables settings/Custom JS and CSS/Custom CSS tab.

Hi Alex

My bad, the button is actually same for all skins, and the class "button" is scattered all over our code. Best approach would be to add a custom CSS class to the button:

Then, you can style the button on this site visually: https://www.bestcssbuttongenerator.com/

For example: https://www.bestcssbuttongenerator.com/#/17

Click on "Get Code" in the bottom right corner of the visual representation of the button, and on the right-hand side you'll see the code:

<a href="#" class="myButton">grey</a>
.myButton {
	box-shadow: 3px 4px 0px 0px #899599;
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	background-color:#ededed;
	border-radius:15px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#3a8a9e;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
.myButton:hover {
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	background-color:#bab1ba;
}
.myButton:active {
	position:relative;
	top:1px;
}

Modify that, so it applies to the custom class you've added (customclass in my case):

table.wpDataTable .customclass {
	box-shadow: 3px 4px 0px 0px #899599;
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	background-color:#ededed;
	border-radius:15px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#3a8a9e;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
table.wpDataTable .customclass:hover {
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	background-color:#bab1ba;
}
table.wpDataTable .customclass:active {
	position:relative;
	top:1px;
}

Paste that into Customize tab/Custom CSS above the table:

And the button will look like that in the table:

If you want to apply this to all URL Link buttons, you'll need to add the same class to the columns, and paste this code in wpDataTables Settings/Custom JS and CSS/Custom CSS field, so it applies to all tables.

You're welcome, Alex

If you have any further questions or issues, please feel free to open a new ticket, and we'll gladly help.