.background-container-layout{position:relative}.background-container-layout .background-wrapper{background-position:50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;transition:all .3s ease}.background-container-layout .component-layout-background{position:relative}.background-container-layout .bgp-center{background-position:50%}.background-container-layout .bgp-top{background-position:top}.background-container-layout .bgp-bottom{background-position:bottom}.background-container-layout .bgp-left{background-position:0}.background-container-layout .bgp-right{background-position:100%}.background-container-layout .cover-wrapper{top:0}.background-container-layout .cover-wrapper .title>*{color:#fff;font-size:28px;font-weight:700;margin:0}.background-container-layout .cover-wrapper .percent-bubble{align-items:center;background:#e20077;border-radius:100px;color:#fff;display:flex;font-size:14px;font-weight:700;height:56px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:56px}@media(min-width:992px){.background-container-layout .cover-wrapper .percent-bubble{right:20px;top:20px}}.background-container-layout.banner{cursor:pointer}.background-container-layout.banner:hover .background-wrapper{transform:scale(1.2)}.background-container-layout.banner:hover .percent-bubble{transform:rotate(20deg)}