.confirm .summary { margin-bottom: 16px; } .confirm p { margin: .2em 0; } /* Table */ .confirm .debt-info { padding: 0; } .confirm .debt-info > table { border-collapse: collapse; } .confirm td { padding: .15em 0; } .confirm .sum-total > td { border-top: solid 1px #DDD; font-weight: bold; } .confirm .currency { text-align: right; } .confirm .credit-info { display: none; } .confirm .exceeded-info { display: none; color: #E53935; } /* Pay */ .confirm .amount-selector, .confirm .pay-methods > div { display: none; } .confirm .pay-methods > div { margin: .3em 0; } .confirm .pay-methods > div > label > input[type=radio] { margin: 0; margin-right: .5em; vertical-align: middle; } .confirm .pay-methods > div > div { padding: .5em 1.5em; display: none; } .confirm .pay-methods > div.selected > div { display: block; } .confirm .transfer-account { margin-top: .5em; } .confirm .transfer-account > p { margin: .1em 0; } .confirm .payment > div { margin-bottom: 1.4em; } .confirm .payment > .button-bar { display: flex; justify-content: space-between; margin-bottom: 0; margin-top: 32px; } .confirm .payment > .button-bar button{ font-size: 1.2rem; border-radius: 2rem; padding: .5rem 1rem; margin: 0; } .confirm .modify-order { border: 1px solid #1a1a1a; } .confirm .modify-order:hover { color: white; background-color: #1a1a1a; } .confirm .confirm-order { border: 1px solid #8cc63f; background-color: #8cc63f; color: white; } .confirm .confirm-order:hover { background-color: transparent; color: #6b5; }