.woocommerce-page .woocommerce-quick-links {
	$background-color: $white;

	background-color: $background-color;

	.components-card__body.is-size-large {
		padding: 0;
	}
}

.woocommerce-page .woocommerce-quick-links__list {
	margin: 0;
	padding: 0;

	.woocommerce-list__item {
		$chevron-color: $dark-gray-primary;
		$background-color: $white;
		$background-color-hover: $light-gray-100;
		$border-color: $light-gray-tertiary;
		$foreground-color: $theme-color;
		$foreground-color-hover: color($foreground-color shade(20%));

		background-color: $background-color;

		&:not(:first-child) {
			border-top: 1px solid $border-color;
		}

		&:hover {
			background-color: $background-color-hover;

			.woocommerce-list__item-title {
				color: $foreground-color-hover;
			}

			.woocommerce-list__item-before > svg {
				fill: $foreground-color-hover;
			}
		}

		.woocommerce-list__item-title {
			color: $foreground-color;
		}

		.woocommerce-list__item-before > svg {
			fill: $foreground-color;
		}

		.woocommerce-list__item-after > svg {
			fill: $chevron-color;
		}
	}
}