/* Sophia's minimal propagation: Add "glow-children" to ANY parent (Group, Columns, Cover, etc.). 
   ALL child buttons glow **independently** on **direct hover**. 
   Pure CSS – your original logic, just scoped to descendants. */

.glow-children .wp-block-button__link {
  transition: box-shadow 0.3s ease, filter 0.3s ease;
}

.glow-children .wp-block-button__link:hover {
  box-shadow: 0 0 15px 5px rgba(255, 128, 128, 0.6);
  filter: brightness(1.1);
}
.blur-border img {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%),
                      linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%);
  -webkit-mask-composite: destination-in;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;

  mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%),
               linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%);
  mask-composite: intersect;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}


.landing-group-blur {
  width: 100vw;
  height: 100vh;
  background-color: black;

  -webkit-mask-image:
    linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%),
    linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
  -webkit-mask-composite: destination-in;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
}