/*Blend Mode*/
.bg--multiply {
    mix-blend-mode: multiply;
    filter: grayscale(100%);
}

.bg--grayscale {
    filter: grayscale(100%);
}

/* Custom button styles, SuiButton selectors target the Form CTA*/

/*Shadow*/
.btn--primary,
.btn--static,
.SuiButton {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.btn--primary {
    position: relative;
}

/*Hidden psuedo-element shadow*/
.btn--primary::after {
    content:'';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    box-shadow: 0 7px 10px rgba(0,0,0,0.15);
    transition: opacity 150ms ease-in-out;
}

.btn--primary:hover::after {
    opacity: 1;
}

/*MISC Shadows*/
.shadow {
    box-shadow: 0 .25rem 2.5rem rgba(0, 0, 0, 0.05);
}

.shadow-2 {
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 0.05);
}