body { color: var(--btcpay-wizard-color); background-color: var(--btcpay-wizard-bg); } #wizard-navbar { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 575px) { #wizard-navbar { margin-top: -35px; } } @media (min-width: 576px) { #wizard-navbar { position: absolute; top: 0; left: 0; right: 0; padding: 24px; } } #wizard-navbar a { position: relative; color: var(--btcpay-body-color); display: inline-flex; justify-content: center; align-items: center; width: 56px; height: 56px; border-radius: 50%; } #wizard-navbar a::after { position: absolute; top: 0; left: 0; z-index: -1; content: ""; width: 100%; height: 100%; border-radius: 50%; transition: background-color .2s, transform .2s; background-color: transparent; } #wizard-navbar a svg.icon { width: 19px; height: 16px; } #wizard-navbar a:hover::after { background-color: var(--btcpay-border-color-medium); } #wizard-navbar a:active::after { transform: scale(.825); } #wizard-navbar .cancel { margin-left: auto; } .list-group-item-wallet-setup { display: flex; padding: 0; } .list-group-item-wallet-setup.hide-when-js { display: flex !important; } .list-group-item-wallet-setup:active, .list-group-item-wallet-setup.active { background-color: transparent; } .list-group-item-wallet-setup .image { display: flex; flex: 0 0 90px; align-items: center; justify-content: center; padding: 1.5rem; } .list-group-item-wallet-setup .image .icon { width: 32px; height: 32px; } .list-group-item-wallet-setup .content { flex: 1; padding: 1.5rem; } .list-group-item-wallet-setup .content small { font-size: 90%; text-transform: uppercase; white-space: nowrap; } .list-group-item-wallet-setup .image + .content { padding-left: .5rem; } .list-group-item-wallet-setup .icon-caret-right { width: 24px; height: 24px; align-self: center; margin-right: 1.5rem; }