.checkout { padding: 1em; max-width: 40em; margin: 0 auto; } .checkout .form { max-width: 40em; padding: 3em; } /* Step */ .answers button, .answers p, .radio > div { font-size: 1.4em; } .answers .htk-select { max-width: 8em; display: block; margin: 0 auto; font-size: 1.6em; height: 1.8em; } .answers p { margin: 0.3em 0; } .target { max-width: 28em; margin: 0 auto; } .address { border-radius: 0.1em; padding: 0.6em 1.4em; } .address.selected { background-color: rgba(1, 1, 1, .1); } .address:hover { cursor: pointer; background-color: rgba(1, 1, 1, .05); } .address p.consignee { font-weight: bold; } .radio { max-width: 20em; margin: 0 auto; } .radio > div { padding: 0.5em; border-top: 1px solid #AAA; } .radio > div:first-child { border-top: none; } .thin-calendar { width: inherit; max-width: 24em; margin: 0 auto; box-shadow: 0 0.1em 0.3em #ccc; } .thin-calendar tr > th { color: white; } .htk-assistant .thin { float: right; }