Billing Address Sidebar

/*------------------------------------*\
	Billing Address Sidebar
\*------------------------------------*/

.billing-address-sidebar {
	background: $color-grey-xlight;
	box-shadow: 0 0 3px rgba(39,44,49,.02), 0 5px 22px -6px rgba(39,44,49,.05);
	border: 1px solid $color-grey-xlight-tint;
	border-radius: $radius;
	padding: 1rem;
	margin-top: 2rem;
}

.billing-address-sidebar__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.billing-address-sidebar__title {
	margin: 0;
	font-family: $font-family-body;
	color: $color-text-base;
}

.billing-address-sidebar__edit {
	text-transform: uppercase;
	border: 1px solid lighten($color-primary, 50%);
	font-weight: bold;
	font-size: 0.8rem;
	line-height: 1;
	padding: 4px 8px 3px 8px;
	border-radius: $radius;
	background: white;

	&:hover {
		border-color: $color-primary;
		text-decoration: none;
	}
}

.billing-address-sidebar__body {
	margin: 1.5rem 0 0;

	p {
		margin: 0;
		font-size: 0.9rem;
	}
}