.immomakler-video-tile {
position: relative;
overflow: hidden;
}
.immomakler-video-tile__trigger {
position: relative;
display: block;
inline-size: 100%;
aspect-ratio: 16 / 9;
padding: 0;
border: 0;
background: none;
cursor: pointer;
}
.immomakler-video-tile__thumb {
display: block;
inline-size: 100%;
block-size: 100%;
object-fit: cover;
}
.immomakler-video-tile__thumb--placeholder {
background: linear-gradient(135deg, #3c4854, #181d22);
} .immomakler-video-tile__play {
position: absolute;
inset: 0;
margin: auto;
inline-size: 64px;
block-size: 64px;
border-radius: 50%;
background-color: #000a;
transition: background-color 0.2s ease;
}
.immomakler-video-tile__play::before {
content: "";
position: absolute;
inset: 0;
margin: auto;
inline-size: 0;
block-size: 0;
border-block-start: 12px solid transparent;
border-block-end: 12px solid transparent;
border-inline-start: 20px solid #fff; transform: translateX(3px);
}
.immomakler-video-tile__trigger:hover .immomakler-video-tile__play,
.immomakler-video-tile__trigger:focus-visible .immomakler-video-tile__play {
background-color: #000d;
} .immomakler-video-tile__consent {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
padding: 24px;
text-align: center;
background-color: #0007;
backdrop-filter: blur(5px);
}
.immomakler-video-tile__consent[hidden] {
display: none;
}
.immomakler-video-tile__consent-text {
margin: 0;
max-inline-size: 80%;
color: #fff !important;
hyphens: none;
}
.immomakler-video-tile__consent-text a {
color: #fff !important;
text-decoration: underline;
}