wallet-header {
	.wallet-header {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		justify-items: center;
		margin: 32px 0;
		gap: 15px 10px;
		.header-item {
			display: inline;
			grid: 1;
			width: 250px;
			height: 132px;
			background-color: $black;
			border: 1px solid $black;
			border-radius: 3px;
			.--header {
				margin: 5px auto;
				width: 100%;
				text-align: center;
				text-transform: uppercase;
				font-size: 20px;
				color: $gray-04;
			}
			.--content {
				.--balance {
					display: block;
					font-size: 30px;
					text-align: center;
					margin: 22px 0 4px 0;
					&.--positive {
						color: $green-01;
					}
					&.--negative {
						color: $red-01;
					}
				}
				.--currency {
					display: block;
					text-align: center;
					color: $gray-08;
				}
			}
		}
	}
}

.wallet-buttons {
	position: relative;
	height: 42px;
	.button-group {
		position: absolute;
		top: 5px;
		right: 0;
	}
}