Thank you!
.ewebinar__Dots { opacity: 1; animation: 1.5s linear 0s normal forwards 1.5 delayin; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } button .ewebinar__Dots { background: #f0b80eff; border-radius: 50px; } .ewebinar__LoadingDot { height: 0.5em; width: 0.5em; border-radius: 100%; display: inline-block; animation: 1.2s ewebinar-loading-dot ease-in-out infinite; } .ewebinar__LoadingDot:nth-of-type(2) { animation-delay: 0.15s; margin-left: 0.5em; } .ewebinar__LoadingDot:nth-of-type(3) { animation-delay: 0.25s; margin-left: 0.5em; } @keyframes delayin { 0% { opacity:0; } 66% { opacity:0; } 100% { opacity:1; } } @keyframes ewebinar-loading-dot { 30% { transform: translateY(-35%); opacity: 0.3; } 60 % { transform: translateY(0%); opacity: 0.8; } } .ewebinar__Widget { line-height: 1.5; } .ewebinar__Widget select { display: flex; } .ewebinar__Widget * { box-sizing: border-box; } .ewebinar__ThankYou { position: relative; overflow: hidden; transition: all 2s; } .ewebinar__ThankYou–hide { max-height: 0; } .ewebinar__ThankYou__Loading { display: none; } .ewebinar__ThankYou__Card { min-height: 7em; text-align: center; padding: 2em; border-radius: 1em; margin-bottom: 0.25em; background-color: #fff; } .ewebinar__ThankYou__Session { display: flex; flex-direction: column; align-items: center; max-width: 100%; } .ewebinar__ThankYou__Session__Text { font-size: 1.5em; line-height: 1.2; font-weight: 500; margin-bottom: 0.5em; color: #5b5e6d; } .ewebinar__ThankYou__Session__Link { margin-bottom: 1em; max-width: 100%; display: flex; } .ewebinar__ThankYou__Session__Link > div, .ewebinar__ThankYou__Session__Link a { display: flex; vertical-align: middle; white-space: nowrap; } .ewebinar__ThankYou__Session__Link > div:first-child, .ewebinar__ThankYou__Session__Link a:first-child { color: #5b5e6d; } .ewebinar__ThankYou__Session__Link > a { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden; max-width: 100%; overflow: hidden; text-overflow: ellipsis; margin: 0 0.5em; color: #007bff; } .ewebinar__ThankYou__Session__Link__Copy { cursor: pointer; display: inline-block; color: #638b8f; } .ewebinar__ThankYou__Button { position: relative; z-index: 99999999999; display: flex; padding: 0.7em 2em; cursor: pointer; align-items: center; justify-content: center; border-width: 0px; outline: none; transition: all 0.2s; margin: 0 auto; font-weight: 500; font-size: inherit; overflow: visible; z-index: 0; } .ewebinar__ThankYou__Button:hover { font-weight: 500; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.1); border: none !important; } .ewebinar__ThankYou__Button:active { transform: translateY(0px); } .ewebinar__ThankYou__Button__CalendarText { visibility: hidden; } .ewebinar__ThankYou__Button__Calendar { display: none; position: absolute; top: 100%; left: 0; right: 0; border-top: 1px solid #fff; border-radius: 0 0 5px 5px; } .ewebinar__ThankYou__Button__Calendar > div { padding: 0.5em 0; } .ewebinar__ThankYou__Button__Calendar > div:hover { background-color: rgba(0, 0, 0, 0.1); } .ewebinar__ThankYou__Button__Calendar > div:last-child { margin-bottom: 0.5em; } .ewebinar__ThankYou__Button–calendar-loaded .ewebinar__Dots { opacity: 0; } .ewebinar__ThankYou__Button–calendar-loaded .ewebinar__ThankYou__Button__CalendarText { visibility: visible; } .ewebinar__ThankYou__Button–calendar-loaded:hover::after { content: ”; display: block; position: absolute; height: 50%; top: 50%; left: 0; right: 0; background: inherit; z-index: -1; } .ewebinar__ThankYou__Button–calendar-loaded:hover .ewebinar__ThankYou__Button__Calendar { display: block; } .ewebinar__ThankYou–loading .ewebinar__ThankYou__Button { color: transparent !important; } .ewebinar__ThankYou–loading .ewebinar__ThankYou__Card .ewebinar__ThankYou__Button { display: none; } .ewebinar__ThankYou–loading .ewebinar__ThankYou__Loading { display: flex; }