#cm {
    border-radius: 0;
    overflow: hidden;
}

@media all and (min-width: 689px) {
    #cm {
        left: 3em !important;
        bottom: 3em !important;
        padding: 25px 35px 0;
        border-radius: 20px;
    }
}

@media all and (max-width: 688px) {
    #cm {
        left: 0em !important;
        bottom: 0em !important;
        right: 0em !important;
        padding: 25px 30px 0 !important;
    }

    #cm.left {
        padding: 25px 35px 0 !important;
    }
}

.cn-title {
    font-size: 2em !important;
    /* font-weight: normal !important; */
}

.cn-title span{
    font-size: 0.8em !important;
}

#c-txt {
    opacity: 0.7;
}


/* Button */
#c-bns {
    margin:0 -40px;
    border-top: 1px solid #333;
    display: flex;
    flex-direction: row !important;
}

#c-bns.swap button:first-child,
#c-bns.swap button:last-child {
    padding: 20px 15px;
    border-radius: 0 !important;
}

#c-bns.swap button:first-child {
    background: transparent;
    color: #333;
}

#c-bns.swap button:first-child:hover {
    background: var(--color-1);
}

#c-bns.swap button:last-child {
    background: transparent;
    color: #333;
    margin: 0;
    border-left: 1px solid #333;
}

#c-bns.swap button:last-child:hover {
    background: var(--color-1);
}