Customize "Post Comment" button on website

I am having trouble changing the "Post Comment" button without affecting the style settings of the primary button (see screenshot and html code).

I managed to fix the "Preview" link with the following code but didn't work on the "Post Comment" button:

.squarespace-comments .comment-btn-wrapper .btn-text {
    font-family: 'montserrat';
    font-size: 16px;  
    color: #C171A7;
    padding: 1rem .5rem;
}

I would like to only change this button to NOT inherit the primary button design settings (as it changes other buttons using this design on the site), but without using a ".comment-btn:after" code (that messed up the spacing).

The changes I'd like to make are:

- Remove border-width: 0px;

- Adjust padding: 1 rem .5rem;

- Change font-weight: 400;

- Change text to / content: "Post Comment" (no ellipsis)

Appreciate anyone that can help! Thanks!

Can you share link to post in screenshot? We can check easier

Thanks!

URL: https://grasshopper-snail-glt4.squarespace.com/writing/leadership-in-the-post-moneyball-era?p

Password: test_help

I noticed the same happened with the "Post Reply" comment.

Thanks so much! I changed the "border-radius" to "border-width" and it worked great!

I just used the above code to change the font color of my "post comment" button, which was white and not showing up on a white background. Thanks to you both!

I had tried so many other tutorials on youtube and none were working to customise the button in the comment section, but this was perfect! thank you 😀