jl-frontend/css/components/floating_widget.css

.floating-widget-container {
    position: fixed;
    z-index: 2;
    width: 60px;
    height: 60px;
    right: 30px;
    bottom: 30px;
    border-radius: 100%;
    background-color: #25D366;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: 45px;
    text-decoration: none;
}

.floating-widget-container:hover {
    width: 70px;
    height: 70px;
    font-size: 55px;
    cursor: pointer;
    right: 25px;
    bottom: 25px;
    transition-duration: 0.4s;
}

.floating-widget-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;
    color: white;
}