Default Styles

Hello great plugin I would like to style the “read more” buttons that the composer generates. I have tried add code to the custom css but have no luck for example:

/* Target all buttons specifically within the newsletter content */
.tnp-content a.tnp-button,
.tnp-content .tnp-button,
.tnp-content a[style*=”border-collapse:separate”] {
background-color: #fff !important; /* White background */
color: #000 !important; /* Black text color */
text-transform: uppercase !important; /* Capitalized text */
border: 1px solid #000 !important; /* Thin black border */
padding: 10px 20px !important; /* Padding for the button */
display: inline-block !important; /* Display as inline-block */
text-decoration: none !important; /* Remove text decoration */
font-size: 16px !important; /* Font size */
font-family: Arial, sans-serif !important; /* Font family */
cursor: pointer !important; /* Pointer cursor on hover */
box-sizing: border-box !important; /* Box sizing */
border-radius: 0 !important; /* Remove border-radius */
background-image: none !important; /* Remove background image */
text-shadow: none !important; /* Remove text shadow */
}

/* Hover effect for all buttons */
.tnp-content a.tnp-button:hover,
.tnp-content .tnp-button:hover,
.tnp-content a[style*=”border-collapse:separate”]:hover {
background-color: #000 !important; /* Black background on hover */
color: #fff !important; /* White text on hover */
}