/* --- Block Wedding
-------------------------------------------------------- */

.border-in-image {
        position: relative;
        &:before {
            content: "";
            border: 2px solid var(--wp--preset--color--color-light);
            position: absolute;
            left: 10px;
            top: 10px;
            right: 10px;
            bottom: 10px;
            width: calc(100% - 24px);
            height: calc(100% - 24px);
            display: block;
            z-index: 1;
            transition: 0.3s;
        }
        &:hover {
            &::before {

                border: 2px solid var(--wp--preset--color--primary-alt);
                left: 0px;
                top: 0px;
                right: 0px;
                bottom: 0px;
                width: calc(100% - 4px);
                height: calc(100% - 4px);

            }
            img {
               transform: scale(0.92);
            }
        }
        img {
            transition: 0.3s;
        }
}

.round-border-in-image {
    &:before {
        border-radius: 50%;
    }
}

.lightbox-image-container {
    .round-border-in-image {
        img {
            border-radius: 50%;
        }
    }
}

.wp-block-post-group {
    &:hover {
        .border-in-image {
                    &:before {
                        border: 2px solid var(--wp--preset--color--primary-alt);
                        left: 0px;
                        top: 0px;
                        right: 0px;
                        bottom: 0px;
                        width: calc(100% - 4px);
                        height: calc(100% - 4px);

                    }

                    img {
                        transform: scale(0.92);
                    }

        }
    }
}
