.freehand-drawing {
    width: 100%;
    height: 100%;
}

.freehand-drawing-play-button, .freehand-drawing-request-fullscreen-button, .freehand-drawing-exit-fullscreen-button {
    display: inline-block;
    position: absolute;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.freehand-drawing-play-button {
    --freehand-drawing-play-button-side: 60px;
    width: calc(var(--freehand-drawing-play-button-side));
    height: calc(var(--freehand-drawing-play-button-side));
    left: calc(50% - var(--freehand-drawing-play-button-side) / 2);
    top: calc(50% - var(--freehand-drawing-play-button-side) / 2);
    background-color: rgba(72, 72, 72, 0.66);
    background-image: url("../images/VideoPlay.svg");
    backdrop-filter: blur(17.5px);
    -webkit-backdrop-filter: blur(17.5px);
    border-radius: calc(var(--freehand-drawing-play-button-side) / 2);
}