Frosted and Blurred Button Block

---

Description

Give button blocks a frosted and blurred style. This plugin uses css editor and works with Squarespace 7.1.

---

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Frosted Blur Button Block //

.sqs-block-button-element--medium {
   background-color: rgba(0,0,0,.1) !important;
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
}

---

Customize

Adjust the background color and backdrop filter values.

Small or Large Buttons: The code works for the medium button block. If you want to target a small or large button, replace .sqs-block-button-element--medium with .sqs-block-button-element--small or .sqs-block-button-element--large.

---