.llv {
    display: block;
    overflow: hidden;
    position: relative;
    max-width: 640px;
}

.llv--center {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.llv .llv__preview {
    background-color: #E5E5E5;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important;
}

.llv .llv__play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: transparent;
    border: none;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    padding: 0;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Cg filter='url(%23filter0_d)'%3E%3Ccircle cx='42' cy='40' r='40' fill='%23fff'/%3E%3C/g%3E%3Ccircle cx='42' cy='40' r='35' fill='%23E96004'/%3E%3Cpath d='M54 37.77a2 2 0 010 3.46L36.75 51.2a2 2 0 01-3-1.73V29.54a2 2 0 013-1.73L54 37.77z' fill='%23fff'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='84' height='84' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}

.llv .llv__play-button:focus {
    outline: none;
}

.llv .llv__inner {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-top: 56.25%;
}

.llv .llv__inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important;
}