hedera-web/forms/ecomerce/confirm/style.scss

.hedera-confirm {
	.summary {
		margin-bottom: 16px;
	}
	p {
		margin: .2em 0;
	}

	/* Table */

	.debt-info {
		padding: 0;
	}
	.debt-info > table {
		border-collapse: collapse;
	}
	td {
		padding: .15em 0;
	}
	.sum-total > td {
		border-top: solid 1px #DDD;
		font-weight: bold;
	}
	.currency {
		text-align: right;
	}
	.credit-info {
		display: none;
	}
	.exceeded-info {
		display: none;
		color: #E53935;
	}

	/* Pay */

	.amount-selector,
	.pay-methods > div {
		display: none;
	}
	.pay-methods > div {
		margin: .3em 0;
	}
	.pay-methods > div > label > input[type=radio] {
		margin: 0;
		margin-right: .5em;
		vertical-align: middle;
	}
	.pay-methods > div > div {
		padding: .5em 1.5em;
		display: none;
	}
	.pay-methods > div.selected > div {
		display: block;
	}
	.transfer-account {
		margin-top: .5em;
	}
	.transfer-account > p {
		margin: .1em 0;
	}

	.payment > div {
		margin-bottom: 1.4em;
	}
	.payment > .button-bar {
		display: flex;
		justify-content: space-between;
		margin-bottom: 0;
		margin-top: 32px;
	}
	.payment > .button-bar button{
		font-size: 1.2rem;
		border-radius: 2rem;
		padding: .5rem 1rem;
		margin: 0;
	}
	.modify-order {
		border: 1px solid #1a1a1a;
	}
	.modify-order:hover {
		color: white;
		background-color: #1a1a1a;
	}
	.confirm-order {
		border: 1px solid #8cc63f;
		background-color: #8cc63f;
		color: white;
	}
	.confirm-order:hover {
		background-color: transparent;
		color: #6b5;
	}
}