Converting Button CSS Codepen to Squarespace CSS

I'm trying to convert this codepen button style in a way that Squarespace recognizes. I don't need the gradient background or gradient outline. Thank you!

https://codepen.io/codewithdeveloper/pen/GRPwRaN

Hey there, do you mind sending along the code or a link to codepen?

Just now, FluffCreativeStudio said:

Hey there, do you mind sending along the code or a link to codepen?

Just added it to the post 🙂

Oh, and actually if you add this bit of code it will move the drop shadow much like the example you showed:

.sqs-block-button-element:hover::after {
  transform: translate(1rem, -1rem);
}

25 minutes ago, FluffCreativeStudio said:

Press down button option - Watch Video

 

// Button Block - Solid Drop Shadow Style//
.sqs-block-button-element  {
  box-shadow: 10px 10px #02CBC6;;
  border: 1px solid #fff !important;
  transition: all ease-in 0.2s !important;
}

.sqs-block-button-element:hover {
  box-shadow: none;
  transform: translateY(4px) !important;
  transition: all ease-in 0.2s;
  opacity: 1 !important;
}
 

Thank you so much!!