#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 { border-color: $item-border-color; padding: $item-vertical-padding $item-lateral-padding; &__label { font-size: 14px; color: $item-label-color; } } .payment-proposal-to { width: 100%; display: inline-block; padding: 5px 15px; background-color: #f5f5f5; margin-top: 10px; 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; margin-bottom: 3px; margin-top: 5px; font-size: 14px; display: inline-block; } } } .accept-slide { position: fixed; bottom: 0; width: 100%; height: 100px; background-color: #f5f5f5; } }