#neurality-widget-container { position: fixed; bottom: 70px; right: 10px; z-index: 9998; display: flex; flex-direction: column; opacity: 1; transition: opacity 0.3s ease-in-out; } #neurality-widget-container.close { opacity: 0; pointer-events: none; } #neurality-widget-container.close #neurality-widget-iframe { height: 0; pointer-events: none; } #neurality-widget-iframe { height: 450px; width: 400px; max-height: calc(90% - 70px); max-width: calc(90% - 10px); opacity: 1; transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out; border: none; border-radius: 1rem; background: transparent; margin: 12px; box-shadow: 0px 147.125px 41.288px 0px rgba(0, 0, 0, 0.00), 0px 94.207px 37.799px 0px rgba(0, 0, 0, 0.01), 0px 52.918px 31.984px 0px rgba(0, 0, 0, 0.05), 0px 23.261px 23.261px 0px rgba(0, 0, 0, 0.09), 0px 5.815px 12.793px 0px rgba(0, 0, 0, 0.10); } #neurality-floating-icon { position: fixed; z-index: 9999; bottom: 20px; right: 20px; overflow: visible; background-color: #2463eb; color: white; border-radius: 50%; height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: transform 0.2s ease-in-out; box-shadow: 0px 147.125px 41.288px 0px rgba(0, 0, 0, 0.00), 0px 94.207px 37.799px 0px rgba(0, 0, 0, 0.01), 0px 52.918px 31.984px 0px rgba(0, 0, 0, 0.05), 0px 23.261px 23.261px 0px rgba(0, 0, 0, 0.09), 0px 5.815px 12.793px 0px rgba(0, 0, 0, 0.10); } #neurality-floating-icon svg { display: none; height: 22px; width: 22px; transition: transform 0.2s ease-in-out; } #neurality-floating-icon:not(.close) #neurality-widget-icon-close { display: block; } #neurality-floating-icon.close #neurality-widget-icon-open { display: block; } #neurality-floating-icon:hover { transform: scale(1.1); } #neurality-floating-icon:hover svg { transform: scale(1.2); }