@import "@wordpress/base-styles/mixins";
@import "@wordpress/base-styles/variables";

.hosting-dashboard-item-view__content .hosting__wrapper {
	.hosting__card {
		box-shadow: none;
		padding: 0;
	}

	.hosting__title {
		@include heading-large;
		padding: 0 0 16px;
	}

	.hosting__content {
		display: grid;
		grid-template-columns: auto 1fr;
		text-align: left;
		padding: 8px 0;
	}

	.hosting__content-row {
		display: contents;
	}

	.hosting__content-value,
	.hosting__content-label {
		padding: 12px 24px 12px 0;
	}


	.hosting__content-label {
		color: var(--color-accent-60, #50575e);
		@include heading-medium;
	}

	.hosting__content-value {
		display: flex;
		align-items: center;
		@include heading-medium;
		line-height: 20px;
	}

	.hosting__content-live-text {
		@include heading-small;
		line-height: 20px;
		padding: 0 10px;
		color: var(--Green-Green-80, #00450c);
		background-color: var(--Green-Green-5, #b8e6bf);
		border-radius: 4px;
		box-sizing: content-box;
		display: inline-block;
	}

	.hosting__hosting-logo {
		margin-right: 8px;
		max-width: 16px;
		max-height: 16px;
	}
}
