Underline button on contact form

Website: https://penguin-guitar-fpe4.squarespace.com/

password:1234

Hi, 

I changed all the buttons on the website with this tutorial: 

so there is an underline when you hover the button. 

I want to do this for the button on the contact form (contact page). I tried to do it but it didn't work. Can you help me? 

Thanks a lot! 

Barbi

Can you paste the code you used? We can adjust it easier

yes, I used: 

//Medium Button//
.sqs-block-button-element--medium {  position:relative !important;   height: 60px; line-height: 60px;  text-align: center; transition: 0.5s;  padding: 0 20px;  cursor: pointer; -webkit-transition:0.5s;}

.sqs-block-button-element--medium:hover {  background-color: transparent !important;  border-color: transparent !important; color: #17243e !important;} 

.sqs-block-button-element--medium:hover:before{ transition-delay: .2s; }

.sqs-block-button-element--medium:before{  width: 0%; height:100%;  z-index: 3;   content:'';  position: absolute;  bottom:-1px;   left:0;  box-sizing: border-box;  transition: .2s;}

.sqs-block-button-element--medium:hover:before {  width: 100% !important;  transition: .7s; }

.sqs-block-button-element--medium:before { border-bottom: 3px solid #17243e;}

Thank you!