#txp-details { $item-lateral-padding: 20px; $item-vertical-padding: 10px; $item-border-color: #EFEFEF; $item-label-color: #6C6C6E; .wallet-color-header-bar { border: 0; background: none; } .slide-to-pay { bottom: 100px; } .head { padding: 30px $item-lateral-padding 4rem; .sending-label { display: flex; font-size: 18px; align-items: center; margin-bottom: 1.5rem; img { margin-right: 1rem; } } .amount-label{ line-height: 30px; .amount{ font-size: 38px; margin-bottom: .5rem; > .unit { font-family: "Roboto-Light"; } } .alternative { font-size: 16px; font-family: "Roboto-Light"; color: #9B9B9B; } } } .info { span { display: block; } .item { color: #4A4A4A; border-color: $item-border-color; padding: $item-vertical-padding $item-lateral-padding; &__label { font-size: 14px; color: $item-label-color; margin-bottom: 8px; } } .payment-proposal-to { width: 100%; display: inline-block; padding: 8px 13px; background-color: rgba(203, 203, 203, .13); margin-top: 10px; display: flex; align-items: center; border-radius: 4px; img { padding: .2rem; padding-left: 0; border-right: 1px solid #e4e4e4; padding-right: 12px; } i { color: grey; position: inherit; left: 25px; vertical-align: super; padding-right: 10px; border-right: 1px solid; border-color: grey; font-size: 20px; } contact { margin-left: 15px; font-size: 14px; display: inline-block; } } .wallet { display: flex; align-items: center; padding: .2rem 0; i { padding: 0; } img { height: 24px; width: 24px; padding: 2px; margin-right: .7rem; box-shadow: none; } } } .accept-slide { position: fixed; bottom: 0; width: 100%; height: 100px; background-color: #f5f5f5; } }