.wp-block-button {
	.wp-block-button__link {
		width: auto;
		color: var(--wp--custom--colors--white);
		background-color: var(--wp--custom--colors--theme);
		&:hover,
		&:focus,
		&:active {
			border-color: var(--wp--custom--colors--cp-navy);
			background-color: var(--wp--custom--colors--cp-navy);
		}
	}
	&.is-style-fill {
		.wp-block-button__link {
			background-color: var(--wp--custom--colors--theme);
			&:hover,
			&:focus,
			&:active {
				border-color: var(--wp--custom--colors--cp-navy);
				background-color: var(--wp--custom--colors--cp-navy);
			}
		}
	}

	// White Style.
	&.is-style-white {
		.wp-block-button__link {
			&:hover,
			&:focus,
			&:active {
				color: var(--wp--custom--colors--cp-navy);
				background-color: var(--wp--custom--colors--grey);
				border-color: var(--wp--custom--colors--cp-navy);
			}
		}

		// Icons.
		&.down-arrow-icon {
			.wp-block-button__link {
				&::before {
					content: url("../img/button-icons/down-arrow-theme.svg");
				}
				&:hover,
				&:focus,
				&:active {
					&::before {
						content: url("../img/button-icons/down-arrow-cp-navy.svg");
					}
				}
			}
		}
		&.plus-icon {
			.wp-block-button__link {
				&::before {
					content: url("../img/button-icons/plus-theme.svg");
				}
				&:hover,
				&:focus,
				&:active {
					&::before {
						content: url("../img/button-icons/plus-cp-navy.svg");
					}
				}
			}
		}
		&.left-arrow-icon {
			.wp-block-button__link {
				&::before {
					content: url("../img/button-icons/left-arrow-theme.svg");
				}
				&:hover,
				&:focus,
				&:active {
					&::before {
						content: url("../img/button-icons/left-arrow-cp-navy.svg");
					}
				}
			}
		}
		&.right-arrow-icon {
			.wp-block-button__link {
				&::before {
					content: url("../img/button-icons/right-arrow-theme.svg");
				}
				&:hover,
				&:focus,
				&:active {
					&::before {
						content: url("../img/button-icons/right-arrow-cp-navy.svg");
					}
				}
			}
		}
	}

	// Secondary Style.
	&.is-style-secondary {
		.wp-block-button__link {
			color: var(--wp--custom--colors--theme);
			background-color: transparent;
			border-color: transparent;
			padding: 0;
			&::before {
				content: url("../img/button-icons/right-arrow-theme.svg");
			}
			&:hover,
			&:focus,
			&:active {
				color: var(--wp--custom--colors--cp-navy);
				background-color: transparent;
				&::before {
					content: url("../img/button-icons/right-arrow-cp-navy.svg");
					background-color: var(--wp--custom--colors--grey);
					border-color: var(--wp--custom--colors--cp-navy);
				}
			}
		}

		// Icons.
		&.down-arrow-icon {
			.wp-block-button__link {
				&::before {
					content: url("../img/button-icons/down-arrow-theme.svg");
				}
				&:hover,
				&:focus,
				&:active {
					&::before {
						content: url("../img/button-icons/down-arrow-cp-navy.svg");
					}
				}
			}
		}

		&.top-right-arrow-icon {
			.wp-block-button__link {
				&::before {
					content: url("../img/button-icons/top-right-arrow-theme.svg");
				}
				&:hover,
				&:focus,
				&:active {
					&::before {
						content: url("../img/button-icons/top-right-arrow-cp-navy.svg");
					}
				}
			}
		}

		&.play-flag-blue-icon {
			.wp-block-button__link {
				&::before {
					content: url("../img/button-icons/play-theme.svg");
				}
				&:hover,
				&:focus,
				&:active {
					&::before {
						content: url("../img/button-icons/play-cp-navy.svg");
					}
				}
			}
		}

		&.right-arrow-white-icon {
			.wp-block-button__link {
				&:hover,
				&:focus,
				&:active {
					color: var(--wp--custom--colors--white);
					&::before {
						content: url("../img/button-icons/right-arrow-cp-navy.svg");
					}
				}
			}
		}

		&.play-white {
			.wp-block-button__link {
				color: var(--wp--custom--colors--white);
				&:hover,
				&:focus,
				&:active {
					&::before {
						content: url("../img/button-icons/play-cp-navy.svg");
					}
				}
			}
		}
	}

	// Link Style.
	&.is-style-link {
		.wp-block-button__link {
			background-color: var(--wp--custom--colors--grey);
			border: 1px solid var(--wp--custom--colors--theme);
			&::before {
				content: url("../img/button-icons/right-arrow-theme.svg");
			}
			&:hover,
			&:focus,
			&:active {
				color: var(--wp--custom--colors--cp-navy);
				border-color: var(--wp--custom--colors--cp-navy);
				&::before {
					content: url("../img/button-icons/right-arrow-cp-navy.svg");
				}
			}
		}
	}

	// Outline Theme.
	&.is-style-outline-theme {
		.wp-block-button__link {
			color: var(--wp--custom--colors--theme);
			border: 1px solid var(--wp--custom--colors--theme);
			&:hover,
			&:focus,
			&:active {
				color: var(--wp--custom--colors--cp-navy);
				border-color: var(--wp--custom--colors--cp-navy);
			}
		}

		// Icons.
		&.down-arrow-icon {
			.wp-block-button__link {
				&::before {
					content: url("../img/button-icons/down-arrow-theme.svg");
				}
				&:hover,
				&:focus,
				&:active {
					&::before {
						content: url("../img/button-icons/down-arrow-cp-navy.svg");
					}
				}
			}
		}

		&.plus-icon {
			.wp-block-button__link {
				&::before {
					content: url("../img/button-icons/plus-theme.svg");
				}
				&:hover,
				&:focus,
				&:active {
					&::before {
						content: url("../img/button-icons/plus-cp-navy.svg");
					}
				}
			}
		}
	}

	// Outline White.
	&.is-style-outline-white {
		.wp-block-button__link {
			color: var(--wp--custom--colors--white);
			border: 1px solid var(--wp--custom--colors--white);
		}
	}

	// Related.
	&.is-style-related {
		.wp-block-button__link {
			&::before {
				content: url("../img/button-icons/right-arrow-cp-navy.svg");
				background-color: var(--wp--custom--colors--white);
				border: 1px solid var(--wp--custom--colors--white);
			}
			&:hover,
			&:focus,
			&:active {
				color: var(--wp--custom--colors--grey);
				background-color: transparent;
				&::before {
					content: url("../img/button-icons/right-arrow-white.svg");
					background-color: var(--wp--custom--colors--cp-navy);
					border-color: var(--wp--custom--colors--cp-navy);
				}
			}
		}
	}
}