.color-divider{
    background: var(--color-secondary);
    height:0.8em;
}

.content-card{
    width:50%;
    margin-inline:auto;
    margin-bottom:2em;
}

.content-card input:not([type='file']){
    border:1px solid #4447;
    border-radius:0.2em;
    padding:1em;
}

.qr-code img{
    height:150px;
}

.bottom-section{
    height:60%;
    overflow:auto;
}

.btn{
    background:var(--color-secondary);
    color:#222;
}

.btn.active{
    background:var(--color-secondary-dark);
    color:#fff;
}

.qr-code:not(.active){
    display:none;
}

.qr-code .input-box .btn{
    border-radius:0.1em;
    font-size:0.8em;
    font-weight:600;
}

.amount.input-box, .confirmation.input-box{
    display:none;
}

.amount.input-box label, .confirmation.input-box label{
    font-weight:800;
}

#error-msg{
    color:var(--error);
    font-weight:600;
    margin-block:0.5em;
}

@media (max-width:768px){
    .content-card{
        width:90%;
    }

    .payment-methods{
        flex-direction:column;
    }

    .payment-methods .btn{
        padding:0.5em;
    }
}