.trade {
    p {
        text-align: center;
        padding: 20px 0;
        //max-width: 800px;
        button {
            margin: auto 10px;
        }
    }

}

.tradeTable {
    //border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    //max-width: 800px;
    //margin: auto;
    font-size: 14px;
    :global(.ant-row),
    :global(.ant-row-flex) {
        border-bottom: 1px solid #e9e9e9;
        transition: all .3s ease;

        &:last-child {
            border-bottom: 0;
        }

        &:hover {
            background: #eaf8fe;
        }

        & > div { //col
            min-height: 50px;
            padding: 16px 10px;
            word-break: break-all;
            &:first-child {
                text-align: right;
            }
            &:last-child {
                border-left: 1px solid #e9e9e9;
            }
            span {
                margin-right: 1em;
                &:last-child {
                    margin-right: 0;
                }
            }
            &:global(.nopadding) {
                padding: 0;
            }
            :global(.ant-row),
            :global(.ant-row-flex) {
                &:hover {
                    background: #def5ff;
                }
            }

        }
    }
}
