:root{--color-background:#f4f5e2;--color-primary:#040504;--color-secondary:#fafaf1;--color-button:#4b97ff;--color-white:#fff;--border-lg:28px;--border-md:14px}h2{margin:0}.videoblock{border-radius:var(--border-md);overflow:hidden;position:relative}.videoblock:hover{cursor:pointer}.videoblock__wrapper{height:100%;overflow:hidden;position:relative}.videoblock__video,.videoblock__wrapper{border-radius:var(--border-md);width:100%}.videoblock__video{height:auto}.videoblock__title{color:var(--color-white);font-size:1.5rem;left:28px;position:absolute;top:20px;z-index:10}.videoblock__overlay{align-items:center;border-radius:14px;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s;width:100%}.videoblock__wrapper:hover .videoblock__overlay{opacity:1}.videoblock__play--button{filter:rgb(255,255,255);height:21px;transform:rotate(90deg);width:21px}