.wc-block-components-address-card {
	border: 1px solid $universal-border-light;
	@include font-size(regular);
	padding: em($gap);
	margin: 0;
	border-radius: $universal-border-radius;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;

	.has-dark-controls & {
		border-color: $input-border-dark;
	}

	address {
		margin: 0;
		font-style: normal;

		.wc-block-components-address-card__address-section {
			display: block;
			margin: 0 0 2px 0;
			span {
				display: inline-block;
				padding: 0 4px 0 0;
				&::after {
					content: ", ";
				}
				&:last-child::after {
					content: "";
				}
			}
			&:last-child {
				margin-bottom: 0;
			}
			&:first-child {
				font-weight: bold;
			}
		}
	}
}
.wc-block-components-address-card__edit {
	background-color: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	font-family: inherit;
	margin: 0 0 0 auto;
	@include font-size(small);

	&:hover {
		text-decoration: underline;
	}
}