:root{--left-bg-color: rgba(87, 84, 236, 0.7);--right-bg-color: rgba(43, 43, 43, 0.8);--left-btn-hover-color: rgb(87, 84, 236);--right-btn-hover-color: rgb(28, 122, 28);--hover-width: 75%;--other-width: 25%;--speed: 1000ms}.btn{position:absolute;display:flex;align-items:center;justify-content:center;left:50%;top:40%;transform:translateX(-50%);text-decoration:none;color:#fff;border:#fff solid 2px;font-size:1rem;font-weight:700;text-transform:uppercase;width:15rem;padding:1.5rem}.split.left .btn:hover{background-color:var(--left-btn-hover-color);border-color:var(--left-btn-hover-color)}.split.right .btn:hover{background-color:var(--right-btn-hover-color);border-color:var(--right-btn-hover-color)}.split{position:absolute;width:50%;height:100%;overflow:hidden}.split.left{left:0;background:url("https://paulalexserban.github.io/wbk--frontend-playground/assets/images/ps-original.webp");background-repeat:no-repeat;background-size:cover}.split.left::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--left-bg-color)}.split.right{right:0;background:url("https://paulalexserban.github.io/wbk--frontend-playground/assets/images/xbox-original.webp");background-repeat:no-repeat;background-size:cover}.split.right::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--right-bg-color)}.split.right,.split.left,.split.right::before,.split.left::before{transition:all var(--speed) ease-in-out}.hover-left .left{width:var(--hover-width)}.hover-left .right{width:var(--other-width)}.hover-right .right{width:var(--hover-width)}.hover-right .left{width:var(--other-width)}@media(max-width: 800px){h1{font-size:2rem;top:30%}.btn{padding:1.2rem;width:12rem}}.split-screen-hero__base{display:flex;min-height:70vh}