.connected-accounts-list { display: flex; flex-direction: column; align-items: center; &__identicon { margin-right: 8px; } &__account-name { @include H6; display: inline; font-weight: bold; } %account-status-typography { @include H7; padding-top: 4px; } &__account-status { @extend %account-status-typography; display: inline; color: var(--Grey-500); } &__account-status-link { @extend %account-status-typography; display: block; &, &:hover { color: var(--primary-blue); cursor: pointer; } } &__row { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; padding: 16px 24px; border-top: 1px solid var(--geyser); &--highlight { background-color: var(--Yellow-000); border: 1px solid var(--accent-yellow); box-sizing: border-box; padding: 16px; margin-bottom: 16px; width: calc(100% - 16px); } } &__row-content { display: flex; flex-direction: row; align-items: center; } } .connected-accounts-options { &__button { font-size: $font-size-h4; background: inherit; color: var(--Grey-500); } } .tippy-tooltip.none-theme { background: none; padding: 0; }