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

.enterprise-agency-hosting {
	.hosting-plan-section__main {
		background-color: #f5f2f1;
	}

	.hosting-plan-section__card {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 32px;
	}

	.simple-list-icon,
	ul.hosting-additional-features svg.gridicon {
		fill: var(--color-text);
	}

	a,
	a:visited,
	a:hover {
		text-decoration: underline;
		color: var(--color-text);
	}
}

.enterprise-agency-hosting__top-heading {
	@include heading-large;
	display: flex;
	align-items: center;
	margin-block-end: 16px;
}

.enterprise-agency-hosting__top-subheading {
	@include heading-x-large;
}

.theme-a8c-for-agencies .enterprise-agency-hosting__cta-button.enterprise-agency-hosting__cta-button.enterprise-agency-hosting__cta-button.is-primary {
	margin-block-start: auto;
	justify-content: center;

	background-color: var(--color-text);
	color: var(--color-text-inverted);

	&:hover:not( :disabled ),
	&:focus:not( :disabled ) {
		background-color: #d8a45f;
		color: var(--color-text);
	}
}

.enterprise-agency-hosting__logos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between;
	margin-block: 32px;

	.enterprise-agency-hosting__logos-item {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.enterprise-agency-hosting__cta-button.components-button.has-icon.has-text {
	justify-content: center;
}

.enterprise-agency-hosting__cta-buttons {
	display: flex;
	flex-direction: column;
	gap: 16px;

	a {
		text-decoration: none;
	}
}
