Custom CSS button not working

Site URL: https://www.bodyandbraincoaching.co.uk/results

hello, 

I am struggling with a pop-up video button. I would like to just change the background colour of it. This code has worked before for a previous site but not sure why it's not working on this one?

I created a custom code block and put this code into it. 

<div class="sqs-block button-block sqs-block-button" style="text-align:center;">
<a href="//www.player.vimeo.com/video/572287534;" data-lity class="sqs-block-button-element--medium sqs-block-button-element">Watch Video</a>
</div>


Then inside the custom CSS window I have this:

.sqs-block-button .sqs-block-button-element--medium, #block-yui_3_17_2_1_1647180429659_8271 a; {
width: 175px !important;
background-color: #4E419F !important;
text-align: center;
}

I would like the CSS block to replicate the below actual button background - make it purple with curved edges. 

Thanks!

Nicole

What is password?

5 hours ago, tuanphan said:

What is password?

5 hours ago, tuanphan said:

What is password?

bodybrain1

Add to Design > Custom CSS

/* Watch video Code Block button */
div#block-yui_3_17_2_1_1647180429659_8271 a {
    background-color: #4e419f;
    border-radius: 7px;
}
div#block-yui_3_17_2_1_1647180429659_8271 a:hover {
    opacity: 0.8;
}