@import '../css/wp-base-styles';

.automatewoo-presets-list-item {
	display: flex;
	flex-direction: column;

	@include break-small() {
		flex-direction: row;
		align-items: center;
	}

	.automatewoo-presets-list-item__left {
		flex-grow: 2;
		padding: 0 0 10px 0;

		@include break-small() {
			padding: 0 30px 0 0;
		}
	}

	.automatewoo-presets-list-item__title {
		font-size: 16px;
		color: $gray-900;
		font-weight: 400;
		margin: 0 0 4px;
	}

	.automatewoo-presets-list-item__description {
		font-size: 14px;
		color: $gray-600;
		margin: 0;
	}

	&--placeholder {
		.automatewoo-presets-list-item__title {
			width: 25%;
			height: 22px;
			margin-bottom: 8px;
		}

		.automatewoo-presets-list-item__description {
			width: 55%;
			height: 15px;
		}

		.automatewoo-presets-list-item__button {
			width: 180px;
			height: 30px;
		}
	}

}