cyb/src/components/atoms/glass/mixins.scss

// https://www.sketch.com/s/b13841a7-cfd2-47e8-a114-efb8e29285af/a/JAOznjr

@mixin glass {
  backdrop-filter: blur(15px);
  box-shadow: 0px 0px 10px rgba(75, 0, 130, 0.09);
  background-color: rgba(75, 0, 130, 0.09);
}

@mixin glassBackground {
  position: relative;

  &:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;

    @include glass;
  }
}