.wallet-overview { display: flex; justify-content: space-between; align-items: center; flex: 1; min-height: 209px; min-width: 0; padding-top: 10px; flex-direction: column; width: 100%; &__balance { flex: 1; display: flex; flex-direction: column; align-items: center; width: 100%; } &__buttons { display: flex; flex-direction: row; height: 68px; margin-bottom: 24px; } } %asset-buttons { min-width: initial; width: 100px; &:not(:last-child) { margin-right: 12px; } text-transform: uppercase; font-weight: 500; } .eth-overview { &__balance { display: flex; flex-direction: column; min-width: 0; position: relative; align-items: center; margin: 16px 0; padding: 0 16px; max-width: 100%; } &__primary-container { display: flex; } &__primary-balance { @include H2; color: $black; width: 100%; justify-content: center; } &__cached-star { margin-left: 4px; } &__cached-balance, &__cached-star { color: $web-orange; } &__cached-secondary-balance { @include Paragraph; color: rgba(220, 153, 18, 0.6901960784313725); } &__secondary-balance { @include Paragraph; color: $Grey-400; } &__button { margin-right: 24px; } &__button:last-of-type { margin-right: 0; } &__circle { display: flex; justify-content: center; align-items: center; height: 36px; width: 36px; background: #037dd6; border-radius: 18px; margin-top: 6px; } } .token-overview { &__balance { display: flex; flex-direction: column; min-width: 0; position: relative; align-items: center; margin: 16px 0; padding: 0 16px; max-width: 100%; } &__primary-balance { @include H2; color: $black; width: 100%; justify-content: center; } &__secondary-balance { @include H5; color: $Grey-400; } &__button { margin-right: 24px; } &__button:last-of-type { margin-right: 0; } }