/* -------------------------------------------
	Studio Extend Style
		1. Block Overlay
---------------------------------------------- */

@import '../../../assets/sass/config';
@import '../../../framework/assets/sass/mixins/mixins';
@import '../../../framework/assets/sass/mixins/direction';

// 1. Block Overlay
.blocks-wrapper {
    .block-online {
        a {
            display: block;
            position: relative;

            &:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background: rgba(53, 57, 62, .2);
                border-radius: 4px;
                transition: visibility .3s, opacity .3s;
            }
        }
        &:not(:hover) a:before {
            opacity: 0;
            visibility: hidden;
        }
    }
    .block-actions {
        width: auto;
        left: 50%;
        transform: translate(-50%, 50%);
    }
}