.wa-angel::before { content: ""; position: absolute; width: 100px; height: 100px; background: rgba(37, 211, 102, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; animation: pulse 2s infinite; } .wa-angel::after { content: ""; position: absolute; width: 10px; height: 10px; background: red; border-radius: 50%; top: 2px; right:2px; box-shadow: 0 0 5px rgba(255, 0, 0, 0.8); } @keyframes pulse { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.6; } 100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; } } @media(min-width:787px) { .s-block--testimonials .swiper-wrapper>.swiper-slide >div { min-height: 16rem; } .s-block--testimonials .swiper-wrapper>.swiper-slide p.text-base { margin: auto } .s-block--faqs .faqs-list input:checked+div .faq-answer { min-height: 10rem!important; } .s-block--faqs .faqs-list input:checked+div label { color:#414042; color:var(--color-primary) } } .to-top { position: fixed; bottom: 20px; left: 20px; width: 50px; height: 50px; background: var(--dark-bg-main); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; cursor: pointer; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); opacity: 0; transform: scale(0); transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease; } .to-top p { display: none } .to-top.show { opacity: 1; transform: scale(1); } .to-top>a { padding: 0 } .to-top svg { position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg); } .to-top.complete { background: #28a745 !important; animation: pulse 1s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 10px rgba(40, 167, 69, 0.4); } 50% { box-shadow: 0 0 20px rgba(40, 167, 69, 0.6); } 100% { box-shadow: 0 0 10px rgba(40, 167, 69, 0.4); } }