.chat-wrapper .float {
    align-items: center;
    animation: bot-to-top 2s ease-out;
    background-color: var(--global-color-primary);
    border-radius: 50px;
    bottom: 20px;
    color: #fff;
    display: flex;
    height: 50px;
    justify-content: center;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 50px;
    z-index: 1000;
}
.osc-button {
    bottom: 22px !important;
    right: 11px !important;
    visibility: hidden!important;
}

.chat-wrapper svg {
    fill: #fff;
    height: 16px;
    width: 16px;
}
.chat-wrapper img {
    fill: #fff;
    height: 16px;
    width: 16px;
}
:global(#osc-button) {
    display: none !important;
}
/*
 * Submenu - Buttons
 */
.chat-wrapper ul {
    bottom: 50px;
    padding-bottom: 10px;
    position: fixed;
    right: 20px;
    z-index: 100;
}

    .chat-wrapper ul li {
        list-style: none;
        margin-bottom: 10px;
    }

        .chat-wrapper ul li a {
            align-items: center;
            background-color: #038395;
            border-radius: 50px;
            box-shadow: 2px 2px 3px #999;
            color: #fff;
            display: flex;
            height: 50px;
            justify-content: center;
            text-align: center;
            width: 50px;
        }
/* Hidden Buttons */
/*.chat-wrapper .float + ul {
    visibility: hidden;
}*/
/* Visible Buttons */
.chat-wrapper a:hover + ul {
    animation: scale-in 0.5s;
    visibility: visible;
}

.chat-wrapper ul:hover {
    visibility: visible !important;
}

/*
 * Animations
 */
.chat-wrapper .float svg {
    animation: rotate-in 0.5s;
}
.chat-wrapper .float img {
    animation: rotate-in 0.5s;
}
.chat-wrapper a:hover svg {
    animation: rotate-out 0.5s;
    color: #fff;
}
.chat-wrapper a:hover img {
    animation: rotate-out 0.5s;
    color: #fff;
}
.chat-wrapper ul li a:hover {
    opacity: 0.75;
}

@keyframes bot-to-top {
    0% {
        bottom: -60px;
    }

    50% {
        bottom: 40px;
    }
}

@keyframes scale-in {
    from {
        opacity: 0;
        transform: scale(0);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes rotate-in {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotate-out {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}