button.woot-widget-bubble {
    height: 7vh;
    width: 7vh;
}

button.woot-widget-bubble.woot-elements--right {

    /* right: calc(50% - 13rem); */
    right: calc(50% - 22vh);
    top: 2rem;

    background-image: linear-gradient(to top, #f3c9f0 0%, #236bff 100%);

    animation-name: colorMorph;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: alternate;

}


@keyframes colorMorph {
    0% {
        background-color: #f3c9f0;
    }

    50% {
        background-color: #236bff;
    }

    100% {
        background-color: #f3c9f0;
    }
}


@keyframes borderFade {
    0% {
        background: #f3c9f0;
        /* Pink color from the border */
    }

    100% {
        background: #236bff;
        /* Complementary purple */
    }
}


@media only screen and (max-width: 768px) {
    button.woot-widget-bubble {
        height: 12vh;
        width: 12vh;
    }

    /* 在这里编写手机版的CSS样式 */
    button.woot-widget-bubble.woot-elements--right {
        right: 0.5rem;
        /* bottom: 97vw; */
        top: 1rem;
    }
}

#woot-widget-bubble-icon {
    display: none !important;
}

.navigation__box {
    background-position-y: top !important;
}

.woot-elements--right:before,
.woot-elements--right:after {
    display: none !important;
}


.woot-widget-bubble.woot-elements--right {
    /*animation: borderFlash 1s infinite;*/
}


@media (min-width: 768px) {
    .linelineline {
        height: 7rem !important;
        width: 14rem !important;
    }

    .woot-widget-bubble {
        transform: translateX(0) scale(1.5) rotate(0deg) !important;
    }
}