Solid Drop Shadow Button Effect in Squarespace 7.1

Add a solid drop shadow to your Squarespace site buttons using this custom CSS:

Copy Code

/* Solid Drop Shadow Button Effect */

.sqs-block-button-element  {
  box-shadow: 10px 10px #F26824; /*update color*/
  border: 2px solid #000 !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;
}