.wpContainer {
    position: fixed;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    text-align: right;
    font-family: helvetica;
    font-size: 13px;
    line-height: 1.4em;
    max-width: 400px;
    max-height: 100%;
    overflow-y: auto;
    z-index: 100000
}






    .wpContainer .wptwa-handler {
        display: inline-block;
        vertical-align: top;
        text-decoration: none;
        color: #fff;
        background: rgba(69,90,100,.9);
        padding: 10px 15px;
        border-radius: 50px;
        line-height: 120%;
        white-space: nowrap;
        text-align: center;
        transition: all .3s;
        position: relative;
        margin: 20px;
        z-index: 3
    }






        .wpContainer .wptwa-handler svg {
            max-width: 15px;
            fill: #fff;
            display: inline-block;
            vertical-align: top;
            margin-right: 5px
        }







@media screen and (max-width:782px) {
    .wptwa-flag:after {
        content: 'mobile';
        display: none
    }

    .wpContainer.circled-handler-on-mobile .wptwa-handler {
        width: 60px;
        height: 60px;
        box-shadow: 0 1px 6px rgba(0,0,0,.06),0 2px 20px rgba(0,0,0,.16)
    }

        .wpContainer.circled-handler-on-mobile .wptwa-handler:hover {
            box-shadow: 0 2px 8px rgba(0,0,0,.09),0 4px 20px rgba(0,0,0,.24)
        }

        .wpContainer.circled-handler-on-mobile .wptwa-handler .text {
            display: none
        }

    .wpContainer.circled-handler-on-mobile svg {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%) scale(1.7)
    }
}

.wpContainer .wptwa-handler, .wptwa-description {
    background-color: #0fbd3a;
    color: #fff
}