.videoelement video{width:100%;height:100%;object-fit:cover}.videoelement .play__button{--position-x: 50%;--position-y: 80%;--negativePositionX: calc(-1 * var(--position-x));--negativePositionY: calc(-1 * var(--position-y));position:absolute;top:var(--position-y);left:var(--position-x);transform:translate(var(--negativePositionX), var(--negativePositionY));z-index:10;display:flex;align-items:center;justify-content:center;background-color:var(--clr-primary);border-radius:50%;width:max-content;aspect-ratio:1;padding:1rem;cursor:pointer;transition:all 0.3s ease}@media (max-width:767.98px){.videoelement .play__button{text-align:center;width:min-content}}.videoelement .play__button i{line-height:1;font-size:1.5rem}.videoelement .play__button i.bi-pause-fill{display:none}.videoelement .play__button.hide{--position-x: 95%;--position-y: 95%}.videoelement .play__button.hide i.bi-play-fill{display:none}.videoelement .play__button.hide i.bi-pause-fill{display:block}