.wp-block-cover{
    &.is-style-service-card{
        .wp-block-cover__background{
            transition-property: background-color;
            transition-duration: 0.2s;
            transition-timing-function: ease-in-out;

            &::after{
                background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 66%);
                content: '';
                height: 100%;
                left: 0;
                opacity: 1;
                pointer-events: none;
                position: absolute;
                top: 0;
                transition-property: opacity;
                transition-duration: 0.2s;
                transition-timing-function: ease-in-out;
                width: 100%;
            }
        }

        .wp-block-buttons {
            display: grid;
            grid-template-rows: 0fr;
            opacity: 0;
            overflow: hidden;
            place-items: start;
            transition-property: grid-template-rows, margin, opacity;
            transition-duration: 0.2s;
            transition-timing-function: ease-in-out;

            .wp-block-button{
                min-height: 0;

                .wp-block-button__link{
                    min-width: unset !important;
                }
            }
        }

        &:hover {
            .wp-block-cover__background{
                &::after{
                    opacity: 0;
                }
            }

            .wp-block-buttons{
                grid-template-rows: 1fr;
                opacity: 1;
            }
        }

        &:not(:hover){
            .wp-block-cover__background {
                background-color: transparent !important;
            }

            .wp-block-buttons{
                margin: 0 !important;
            }
        }
    }

    &.is-style-half-bleed-left {
        @media screen and (max-width: 780px) {
            .wp-block-cover__background {
                opacity: 0.7 !important;
            }
        }

        @media screen and (min-width: 780px) {
            .wp-block-cover__image-background {
                left: 0;
                right: unset;
                width: 50%;
            }

            .wp-block-cover__background {
                left: 50%;
                right: unset;
                width: 100vw;
            }
        }
    }

    &.is-style-half-bleed-right {
        @media screen and (max-width: 780px) {
            .wp-block-cover__background {
                opacity: 0.7 !important;
            }
        }

        @media screen and (min-width: 780px) {
            .wp-block-cover__image-background {
                left: unset;
                right: 0;
                width: 50%;
            }

            .wp-block-cover__background {
                left: unset;
                right: 50%;
                width: 100vw;
            }
        }
    }

    &.is-style-breakout{
        &.is-position-top-center,
        &.is-position-top-left,
        &.is-position-top-right{
            .wp-block-cover__background,
            .wp-block-cover__image-background{
                height: calc(100% - 100px);
                top: 100px;
            }
        }

        &.is-position-bottom-center,
        &.is-position-bottom-left,
        &.is-position-bottom-right{
            .wp-block-cover__background,
            .wp-block-cover__image-background{
                height: calc(100% - 100px);
                bottom: 100px;
            }
        }

        &.is-position-center-right{
            .wp-block-cover__background,
            .wp-block-cover__image-background{
                width: calc(100% - 100px);
                right: 100px;
            }
        }

        &.is-position-center-left{
            .wp-block-cover__background,
            .wp-block-cover__image-background{
                width: calc(100% - 100px);
                left: 100px;
            }
        }
    }

    &.is-style-multi-stack{
        > .wp-block-cover__inner-container{
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: 1fr;

            > * {
                grid-area: 1 / 1 / 2 / 2;
                position: relative;
                z-index: 1;
            }
        }
    }

    &.is-style-contain-bottom-right{
        > img{
            left: unset;
            object-fit: contain;
            object-position: bottom right;
        }
    }

    &:has(.is-style-hover-reveal){
        .wp-block-group:has(> .is-style-hover-reveal){
            transition: background-color 0.2s ease-in-out;
        }

        position: relative;

        &::before{
            align-items: center;
            background-color: var(--wp--preset--color--primary);
            bottom: 0;
            color: var(--wp--preset--color--white);
            content: "\e905";
            display: flex;
            font-family: 'icomoon';
            font-size: 24px;
            height: 42px;
            justify-content: center;
            position: absolute;
            right: 0;
            text-align: center;
            width: 42px;
            z-index: 10;
        }

        &:hover{
            &::before{
                content: "\e907";
                font-size: 28px;
            }
        }
    }

    &:not(body.wp-admin .wp-block-cover) {
        &:not(:hover) {
            &:has(.is-style-hover-reveal) {
                .wp-block-group:has(> .is-style-hover-reveal) {
                    background-color: transparent !important;
                }
            }
        }
    }
}