.asp-container *, .asp-container *::after, .asp-container *::before { box-sizing: content-box !important; }
.asp-container { width: 100%; height: 100%; position: relative; color: rgb(255, 255, 255); font-weight: 700; }
.asp-overlay { width: 100%; height: 100%; background-color: rgb(0, 0, 0); }
.asp-preview { padding: 10px; font-size: 12px; top: -30px; }
.asp-cta__duration-container, .asp-preview { position: absolute; background-color: rgba(0, 0, 0, 0.6); }
.asp-cta__duration-container { color: rgb(255, 255, 255); width: 80px; height: 80px; bottom: 0px; left: 0px; pointer-events: none; }
.asp-cta__duration { top: 30px; left: 20px; position: relative; }
.asp-central-cta { position: absolute; margin-top: 40px; margin-left: -80px; left: 50%; top: 50%; }
.asp-central-cta button { left: 40px; }
.asp-central-cta .asp-cta__duration { top: 20px; left: 0px; line-height: 20px; text-align: center; position: relative; }
.asp-cta__duration-container--slideright { animation-duration: 0.5s; animation-name: asp-anim-slideright; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes asp-anim-slideright {
0% { left: 40px; }
100% { left: 80px; }
}
.asp-cta__button--slideleft { animation-duration: 0.5s; animation-name: asp-anim-slideleft; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes asp-anim-slideleft {
0% { left: 40px; }
100% { left: 0px; }
}
.asp-preview--slidedown { animation-duration: 0.5s; animation-name: asp-anim-slidedown; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes asp-anim-slidedown {
0% { top: -30px; }
100% { top: 0px; }
}
