How can I style and rename an 'Add to Cart' button?

Hey folks,
I've added an 'Add to Cart' button to my site and would like to change the size and position of the button. Unfortunately, I haven't been able to achieve this using the usual methods. The button should have the size of the button next to it (see attached screenshot) and be positioned a bit lower to align with the video.
Additionally, I'd like to change the text from 'Add to Cart' to 'Enroll now'.

Is all of this possible? Looking forward to your help!

Site: https://maltemartenmethod.squarespace.com/module-1
Pword: maltemartenmethod2023

Rename/style this product only or add to cart button on all products?

@tuanphan for now, only for this product, but I would like to have the same button for the same product appear elsewhere as well.

Add a Code Block under > Paste this code

<style>
  .sqs-add-to-cart-button-inner {
    font-size: 0;
}

.sqs-add-to-cart-button-inner:before {
    font-size: 20px !important;
    content: "new text";
    font-family: var(--primary-button-font-font-family);
    font-style: var(--primary-button-font-font-style);
    font-weight: var(--primary-button-font-font-weight);
    line-height: var(--primary-button-font-line-height);
    letter-spacing: var(--primary-button-font-letter-spacing);
    text-transform: var(--primary-button-font-text-transform);
    padding-left: 1em;
    padding-right: 1em;
}
</style>