.woocommerce-marketing-coupons {
	padding-top: $gap;

	* {
		box-sizing: border-box;
	}

	.woocommerce-card {
		border-radius: 0;
	}

	.woocommerce-card__header {
		padding: $gap $gap-large;
		border-bottom: 1px solid $gray-100;
		border-radius: 0;
	}

	.woocommerce-card__title {
		font-size: 20px;
		line-height: 28px;
		font-weight: normal;
	}

	.woocommerce-card__description {
		font-size: 14px;
		line-height: 20px;
		font-weight: normal;
		margin-top: 4px;
	}

	.woocommerce-marketing-recommended-extensions-item {
		.woocommerce-admin-marketing-product-icon {
			background: $studio-white;
			color: $studio-white;
			border: 1px solid var(--wp-admin-theme-color);
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: background 0.2s ease;

			svg {
				width: 24px;
				height: 24px;
				transition: fill 0.2s ease;
				fill: var(--wp-admin-theme-color);
			}
		}

		&:hover {
			.woocommerce-admin-marketing-product-icon {
				background: var(--wp-admin-theme-color) !important;

				svg {
					fill: #fff !important;
				}
			}
		}
	}
}