/**
 * Main file to define styles for buttons.
 *
 * Default styles for buttons are defined via theme.json file. This file defines the rest of the styles
 * for buttons that can not be defined via theme.json.
 *
 * author Vladimir
 * version 1.0
 */

/**
 *
 * Generic styles for all buttons.
 *
 */
.wp-block-button {
	transition: var(--transition);

	&>.wp-block-button__link {
		display: flex;
		align-items: center;
		padding: 1rem 2rem;

		&:hover {
			text-decoration: none;

			&:after {
				/* Scales heart for all buttons. */
				transform: scale(1.1);
			}
		}

		&:focus,
		&:active {
			text-decoration: none;
			outline: none;
		}
	}
}

/**
 *
 * Fill button without arrow.
 *
 * 1. Defines styles for the disabled state.
 *
 */
.wp-block-button.is-style-fill>.wp-block-button__link:not(.has-text-color, .has-background) {

	&:disabled,
	&[disabled],
	&.disabled {
		background-color: transparent;
		color: #AEB3B6;
		border-color: #D7D9DA;
		cursor: not-allowed;
		pointer-events: all !important;
	}
}

/**
 *
 * Outline button without arrow.
 *
 * 1. Defines styles for outline button states.
 * 2. Defines styles for the disabled state.
 *
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color, .has-background) {
	background-color: transparent;
	color: var(--wp--preset--color--green--100);
	border-color: var(--wp--preset--color--green--100);

	&:hover {
		background-color: transparent;
		color: var(--wp--preset--color--green--40);
		border-color: var(--wp--preset--color--green--40);
	}

	&:active,
	&.active {
		background-color: var(--wp--preset--color--green--160);
		color: var(--wp--preset--color--white);
		border-color: var(--wp--preset--color--green--160);
	}

	&:focus,
	&.focus {
		background-color: var(--wp--preset--color--orange--60);
		color: var(--wp--preset--color--green--140);
		border-color: var(--wp--preset--color--green--140);
	}

	&:disabled,
	&[disabled],
	&.disabled {
		background-color: transparent;
		color: #AEB3B6;
		border-color: #D7D9DA;
		cursor: not-allowed;
		pointer-events: all !important;
	}
}

/**
 *
 * Fill button with shopping cart.
 *
 * 1. Defines styles for shopping cart button in general.
 * 2. Defines styles for shopping cart button states.
 * 3. Defines styles for the disabled state.
 *
 */
 .wp-block-button.is-style-shopping-cart
 > .wp-block-button__link:not(.has-text-color, .has-background) {
 background-color: var(--wp--preset--color--green--100);
 border-color: var(--wp--preset--color--green--100);
 padding: 16px 24px;

 &:after {
	content: "";
	display: inline-block;
	width: 26px;
	height: 22px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' viewBox='0 0 26 22' fill='none'%3E%3Cpath d='M0 1.03125C0 0.459766 0.449646 0 1.00855 0H2.9206C3.84511 0 4.66456 0.55 5.04697 1.375H22.3184C23.4236 1.375 24.2305 2.44922 23.9405 3.54063L22.2176 10.0848C21.8604 11.434 20.6627 12.375 19.297 12.375H7.17333L7.40026 13.5996C7.49271 14.0852 7.90873 14.4375 8.392 14.4375H20.5072C21.0661 14.4375 21.5158 14.8973 21.5158 15.4688C21.5158 16.0402 21.0661 16.5 20.5072 16.5H8.392C6.938 16.5 5.68992 15.443 5.42097 13.9863L3.25258 2.3418C3.22317 2.17852 3.08449 2.0625 2.9206 2.0625H1.00855C0.449646 2.0625 0 1.60273 0 1.03125ZM5.37895 19.9375C5.37895 19.6666 5.43112 19.3984 5.53249 19.1482C5.63386 18.898 5.78244 18.6706 5.96974 18.4791C6.15705 18.2876 6.37941 18.1356 6.62414 18.032C6.86887 17.9283 7.13116 17.875 7.39605 17.875C7.66094 17.875 7.92324 17.9283 8.16796 18.032C8.41269 18.1356 8.63506 18.2876 8.82236 18.4791C9.00967 18.6706 9.15825 18.898 9.25961 19.1482C9.36098 19.3984 9.41316 19.6666 9.41316 19.9375C9.41316 20.2084 9.36098 20.4766 9.25961 20.7268C9.15825 20.977 9.00967 21.2044 8.82236 21.3959C8.63506 21.5874 8.41269 21.7394 8.16796 21.843C7.92324 21.9467 7.66094 22 7.39605 22C7.13116 22 6.86887 21.9467 6.62414 21.843C6.37941 21.7394 6.15705 21.5874 5.96974 21.3959C5.78244 21.2044 5.63386 20.977 5.53249 20.7268C5.43112 20.4766 5.37895 20.2084 5.37895 19.9375ZM19.4987 17.875C20.0337 17.875 20.5467 18.0923 20.925 18.4791C21.3033 18.8659 21.5158 19.3905 21.5158 19.9375C21.5158 20.4845 21.3033 21.0091 20.925 21.3959C20.5467 21.7827 20.0337 22 19.4987 22C18.9637 22 18.4507 21.7827 18.0724 21.3959C17.6941 21.0091 17.4816 20.4845 17.4816 19.9375C17.4816 19.3905 17.6941 18.8659 18.0724 18.4791C18.4507 18.0923 18.9637 17.875 19.4987 17.875Z' fill='%23EEEAE4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	transition: var(--transition);
 }

 &:hover {
	background-color: var(--wp--preset--color--green--20);
	border-color: var(--wp--preset--color--green--20);

	&:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' viewBox='0 0 26 22' fill='none'%3E%3Cpath d='M0 1.03125C0 0.459766 0.449646 0 1.00855 0H2.9206C3.84511 0 4.66456 0.55 5.04697 1.375H22.3184C23.4236 1.375 24.2305 2.44922 23.9405 3.54063L22.2176 10.0848C21.8604 11.434 20.6627 12.375 19.297 12.375H7.17333L7.40026 13.5996C7.49271 14.0852 7.90873 14.4375 8.392 14.4375H20.5072C21.0661 14.4375 21.5158 14.8973 21.5158 15.4688C21.5158 16.0402 21.0661 16.5 20.5072 16.5H8.392C6.938 16.5 5.68992 15.443 5.42097 13.9863L3.25258 2.3418C3.22317 2.17852 3.08449 2.0625 2.9206 2.0625H1.00855C0.449646 2.0625 0 1.60273 0 1.03125ZM5.37895 19.9375C5.37895 19.6666 5.43112 19.3984 5.53249 19.1482C5.63386 18.898 5.78244 18.6706 5.96974 18.4791C6.15705 18.2876 6.37941 18.1356 6.62414 18.032C6.86887 17.9283 7.13116 17.875 7.39605 17.875C7.66094 17.875 7.92324 17.9283 8.16796 18.032C8.41269 18.1356 8.63506 18.2876 8.82236 18.4791C9.00967 18.6706 9.15825 18.898 9.25961 19.1482C9.36098 19.3984 9.41316 19.6666 9.41316 19.9375C9.41316 20.2084 9.36098 20.4766 9.25961 20.7268C9.15825 20.977 9.00967 21.2044 8.82236 21.3959C8.63506 21.5874 8.41269 21.7394 8.16796 21.843C7.92324 21.9467 7.66094 22 7.39605 22C7.13116 22 6.86887 21.9467 6.62414 21.843C6.37941 21.7394 6.15705 21.5874 5.96974 21.3959C5.78244 21.2044 5.63386 20.977 5.53249 20.7268C5.43112 20.4766 5.37895 20.2084 5.37895 19.9375ZM19.4987 17.875C20.0337 17.875 20.5467 18.0923 20.925 18.4791C21.3033 18.8659 21.5158 19.3905 21.5158 19.9375C21.5158 20.4845 21.3033 21.0091 20.925 21.3959C20.5467 21.7827 20.0337 22 19.4987 22C18.9637 22 18.4507 21.7827 18.0724 21.3959C17.6941 21.0091 17.4816 20.4845 17.4816 19.9375C17.4816 19.3905 17.6941 18.8659 18.0724 18.4791C18.4507 18.0923 18.9637 17.875 19.4987 17.875Z' fill='%232D3D32'/%3E%3C/svg%3E");
	 }
 }

 &:active,
 &.active {
	 background-color: var(--wp--preset--color--green--160);
	 border-color: var(--wp--preset--color--green--160);

	 &:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' viewBox='0 0 26 22' fill='none'%3E%3Cpath d='M0 1.03125C0 0.459766 0.449646 0 1.00855 0H2.9206C3.84511 0 4.66456 0.55 5.04697 1.375H22.3184C23.4236 1.375 24.2305 2.44922 23.9405 3.54063L22.2176 10.0848C21.8604 11.434 20.6627 12.375 19.297 12.375H7.17333L7.40026 13.5996C7.49271 14.0852 7.90873 14.4375 8.392 14.4375H20.5072C21.0661 14.4375 21.5158 14.8973 21.5158 15.4688C21.5158 16.0402 21.0661 16.5 20.5072 16.5H8.392C6.938 16.5 5.68992 15.443 5.42097 13.9863L3.25258 2.3418C3.22317 2.17852 3.08449 2.0625 2.9206 2.0625H1.00855C0.449646 2.0625 0 1.60273 0 1.03125ZM5.37895 19.9375C5.37895 19.6666 5.43112 19.3984 5.53249 19.1482C5.63386 18.898 5.78244 18.6706 5.96974 18.4791C6.15705 18.2876 6.37941 18.1356 6.62414 18.032C6.86887 17.9283 7.13116 17.875 7.39605 17.875C7.66094 17.875 7.92324 17.9283 8.16796 18.032C8.41269 18.1356 8.63506 18.2876 8.82236 18.4791C9.00967 18.6706 9.15825 18.898 9.25961 19.1482C9.36098 19.3984 9.41316 19.6666 9.41316 19.9375C9.41316 20.2084 9.36098 20.4766 9.25961 20.7268C9.15825 20.977 9.00967 21.2044 8.82236 21.3959C8.63506 21.5874 8.41269 21.7394 8.16796 21.843C7.92324 21.9467 7.66094 22 7.39605 22C7.13116 22 6.86887 21.9467 6.62414 21.843C6.37941 21.7394 6.15705 21.5874 5.96974 21.3959C5.78244 21.2044 5.63386 20.977 5.53249 20.7268C5.43112 20.4766 5.37895 20.2084 5.37895 19.9375ZM19.4987 17.875C20.0337 17.875 20.5467 18.0923 20.925 18.4791C21.3033 18.8659 21.5158 19.3905 21.5158 19.9375C21.5158 20.4845 21.3033 21.0091 20.925 21.3959C20.5467 21.7827 20.0337 22 19.4987 22C18.9637 22 18.4507 21.7827 18.0724 21.3959C17.6941 21.0091 17.4816 20.4845 17.4816 19.9375C17.4816 19.3905 17.6941 18.8659 18.0724 18.4791C18.4507 18.0923 18.9637 17.875 19.4987 17.875Z' fill='%23ffffff'/%3E%3C/svg%3E");
	 }
 }

 &:focus,
 &.focus {
	 background-color: var(--wp--preset--color--green--20);
	 border-color: var(--wp--preset--color--green--160);

	 &:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' viewBox='0 0 26 22' fill='none'%3E%3Cpath d='M0 1.03125C0 0.459766 0.449646 0 1.00855 0H2.9206C3.84511 0 4.66456 0.55 5.04697 1.375H22.3184C23.4236 1.375 24.2305 2.44922 23.9405 3.54063L22.2176 10.0848C21.8604 11.434 20.6627 12.375 19.297 12.375H7.17333L7.40026 13.5996C7.49271 14.0852 7.90873 14.4375 8.392 14.4375H20.5072C21.0661 14.4375 21.5158 14.8973 21.5158 15.4688C21.5158 16.0402 21.0661 16.5 20.5072 16.5H8.392C6.938 16.5 5.68992 15.443 5.42097 13.9863L3.25258 2.3418C3.22317 2.17852 3.08449 2.0625 2.9206 2.0625H1.00855C0.449646 2.0625 0 1.60273 0 1.03125ZM5.37895 19.9375C5.37895 19.6666 5.43112 19.3984 5.53249 19.1482C5.63386 18.898 5.78244 18.6706 5.96974 18.4791C6.15705 18.2876 6.37941 18.1356 6.62414 18.032C6.86887 17.9283 7.13116 17.875 7.39605 17.875C7.66094 17.875 7.92324 17.9283 8.16796 18.032C8.41269 18.1356 8.63506 18.2876 8.82236 18.4791C9.00967 18.6706 9.15825 18.898 9.25961 19.1482C9.36098 19.3984 9.41316 19.6666 9.41316 19.9375C9.41316 20.2084 9.36098 20.4766 9.25961 20.7268C9.15825 20.977 9.00967 21.2044 8.82236 21.3959C8.63506 21.5874 8.41269 21.7394 8.16796 21.843C7.92324 21.9467 7.66094 22 7.39605 22C7.13116 22 6.86887 21.9467 6.62414 21.843C6.37941 21.7394 6.15705 21.5874 5.96974 21.3959C5.78244 21.2044 5.63386 20.977 5.53249 20.7268C5.43112 20.4766 5.37895 20.2084 5.37895 19.9375ZM19.4987 17.875C20.0337 17.875 20.5467 18.0923 20.925 18.4791C21.3033 18.8659 21.5158 19.3905 21.5158 19.9375C21.5158 20.4845 21.3033 21.0091 20.925 21.3959C20.5467 21.7827 20.0337 22 19.4987 22C18.9637 22 18.4507 21.7827 18.0724 21.3959C17.6941 21.0091 17.4816 20.4845 17.4816 19.9375C17.4816 19.3905 17.6941 18.8659 18.0724 18.4791C18.4507 18.0923 18.9637 17.875 19.4987 17.875Z' fill='%232D3D32'/%3E%3C/svg%3E");
	 }
 }

 &:disabled,
 &[disabled],
 &.disabled {
	 background-color: transparent;
	 color: #AEB3B6;
	 border-color: #D7D9DA;
	 cursor: not-allowed;
	 pointer-events: all !important;

	 &:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' viewBox='0 0 26 22' fill='none'%3E%3Cpath d='M0 1.03125C0 0.459766 0.449646 0 1.00855 0H2.9206C3.84511 0 4.66456 0.55 5.04697 1.375H22.3184C23.4236 1.375 24.2305 2.44922 23.9405 3.54063L22.2176 10.0848C21.8604 11.434 20.6627 12.375 19.297 12.375H7.17333L7.40026 13.5996C7.49271 14.0852 7.90873 14.4375 8.392 14.4375H20.5072C21.0661 14.4375 21.5158 14.8973 21.5158 15.4688C21.5158 16.0402 21.0661 16.5 20.5072 16.5H8.392C6.938 16.5 5.68992 15.443 5.42097 13.9863L3.25258 2.3418C3.22317 2.17852 3.08449 2.0625 2.9206 2.0625H1.00855C0.449646 2.0625 0 1.60273 0 1.03125ZM5.37895 19.9375C5.37895 19.6666 5.43112 19.3984 5.53249 19.1482C5.63386 18.898 5.78244 18.6706 5.96974 18.4791C6.15705 18.2876 6.37941 18.1356 6.62414 18.032C6.86887 17.9283 7.13116 17.875 7.39605 17.875C7.66094 17.875 7.92324 17.9283 8.16796 18.032C8.41269 18.1356 8.63506 18.2876 8.82236 18.4791C9.00967 18.6706 9.15825 18.898 9.25961 19.1482C9.36098 19.3984 9.41316 19.6666 9.41316 19.9375C9.41316 20.2084 9.36098 20.4766 9.25961 20.7268C9.15825 20.977 9.00967 21.2044 8.82236 21.3959C8.63506 21.5874 8.41269 21.7394 8.16796 21.843C7.92324 21.9467 7.66094 22 7.39605 22C7.13116 22 6.86887 21.9467 6.62414 21.843C6.37941 21.7394 6.15705 21.5874 5.96974 21.3959C5.78244 21.2044 5.63386 20.977 5.53249 20.7268C5.43112 20.4766 5.37895 20.2084 5.37895 19.9375ZM19.4987 17.875C20.0337 17.875 20.5467 18.0923 20.925 18.4791C21.3033 18.8659 21.5158 19.3905 21.5158 19.9375C21.5158 20.4845 21.3033 21.0091 20.925 21.3959C20.5467 21.7827 20.0337 22 19.4987 22C18.9637 22 18.4507 21.7827 18.0724 21.3959C17.6941 21.0091 17.4816 20.4845 17.4816 19.9375C17.4816 19.3905 17.6941 18.8659 18.0724 18.4791C18.4507 18.0923 18.9637 17.875 19.4987 17.875Z' fill='%23AEB3B6'/%3E%3C/svg%3E");
	}

	&:hover {
		&:after {
			transform: none;
		}
	}
 }
}

/**
 *
 * Fill button with icon.
 *
 * 1. Defines styles for fill button in general.
 * 2. Defines styles for the svg icon.
 * 3. Defines styles for the disabled state.
 *
 */
.wp-block-button.is-style-fill-icon>.wp-block-button__link:not(.has-text-color, .has-background),
.wp-block-button.is-style-booking>.wp-block-button__link:not(.has-text-color, .has-background),
.wp-block-button.is-style-mews>.wp-block-button__link:not(.has-text-color, .has-background) {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--primary);
	padding-right: 1rem;

	&:after {
		content: "";
		display: inline-block;
		width: 1.5rem;
		height: 1.5rem;
		margin-left: 1rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6.00001' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		transition: var(--transition);
	}

	&:hover {
		background-color: var(--wp--preset--color--orange--60);
		color: var(--wp--preset--color--primary);
		border-color: var(--wp--preset--color--orange--60);

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%232D3D32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:active,
	&.active {
		background-color: var(--wp--preset--color--green--160);
		color: var(--wp--preset--color--white);
		border-color: var(--wp--preset--color--green--160);

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:focus,
	&.focus {
		background-color: var(--wp--preset--color--green--80);
		color: var(--wp--preset--color--white);
		border-color: var(--wp--preset--color--green--140);

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:disabled,
	&[disabled],
	&.disabled {
		background-color: transparent;
		color: #AEB3B6;
		border-color: #D7D9DA;
		cursor: not-allowed;
		pointer-events: all !important;

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23AEB3B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}

		&:hover {
			&:after {
				transform: none;
			}
		}
	}
}

/**
 *
 * Outline button with icon.
 *
 * 1. Defines styles for secondary outline button with icon in general.
 * 2. Defines styles for the svg icon for normal and hover state.
 * 3. Defines styles for the disabled state.
 *
 */
.wp-block-button.is-style-outline-icon>.wp-block-button__link:not(.has-text-color, .has-background) {
	background-color: transparent;
	color: var(--wp--preset--color--green--100);
	border-color: var(--wp--preset--color--green--100);
	padding-right: 1rem;

	&:after {
		content: "";
		display: inline-block;
		width: 1.5rem;
		height: 1.5rem;
		margin-left: 1rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%232D3D32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		transition: var(--transition);
	}

	&:hover {
		background-color: transparent;
		color: var(--wp--preset--color--orange--80);
		border-color: var(--wp--preset--color--orange--80);

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23CF8165' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:active,
	&.active {
		background-color: var(--wp--preset--color--green--160);
		color: var(--wp--preset--color--white);
		border-color: var(--wp--preset--color--green--160);

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:focus,
	&.focus {
		background-color: var(--wp--preset--color--orange--60);
		color: var(--wp--preset--color--green--140);
		border-color: var(--wp--preset--color--green--140);

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23222E26' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:disabled,
	&[disabled],
	&.disabled {
		background-color: transparent;
		color: #AEB3B6;
		border-color: #D7D9DA;
		cursor: not-allowed;
		pointer-events: all !important;

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23AEB3B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}

		&:hover {
			&:after {
				transform: none;
			}
		}
	}
}

/**
 *
 * Alt button with icon.
 *
 * 1. Defines styles for alt button with icon in general.
 * 2. Defines styles for the svg icon for normal and hover state.
 * 3. Defines styles for the disabled state.
 *
 */
.wp-block-button.is-style-alt>.wp-block-button__link:not(.has-text-color, .has-background) {
	background-color: var(--wp--preset--color--green--20);
	color: var(--wp--preset--color--green--160);
	border-color: var(--wp--preset--color--green--20);
	padding-right: 1rem;

	&:after {
		content: "";
		display: inline-block;
		width: 1.5rem;
		height: 1.5rem;
		margin-left: 1rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23171F19' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		transition: var(--transition);
	}

	&:hover {
		background-color: var(--wp--preset--color--green--60);
		color: var(--wp--preset--color--white);
		border-color: var(--wp--preset--color--green--60);

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:active,
	&.active {
		background-color: var(--wp--preset--color--green--160);
		color: var(--wp--preset--color--white);
		border-color: var(--wp--preset--color--green--160);

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:focus,
	&.focus {
		background-color: var(--wp--preset--color--green--20);
		color: var(--wp--preset--color--green--160);
		border-color: var(--wp--preset--color--green--160);

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23171F19' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:disabled,
	&[disabled],
	&.disabled {
		background-color: transparent;
		color: #AEB3B6;
		border-color: #D7D9DA;
		cursor: not-allowed;
		pointer-events: all !important;

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23AEB3B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}

		&:hover {
			&:after {
				transform: none;
			}
		}
	}
}

/**
 *
 * Outline orange button with icon.
 *
 * 1. Defines styles for orange outline button with icon in general.
 * 2. Defines styles for the svg icon for normal and hover state.
 * 3. Defines styles for the disabled state.
 *
 */
 .wp-block-button.is-style-orange-outline-icon>.wp-block-button__link:not(.has-text-color, .has-background) {
	background-color: transparent;
	color: #D5937B;
	border-color: #D5937B;
	padding-right: 1rem;

	&:after {
		content: "";
		display: inline-block;
		width: 1.5rem;
		height: 1.5rem;
		margin-left: 1rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23D5937B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		transition: var(--transition);
	}

	&:hover {
		background-color: transparent;
		color: #F3E0D9;
		border-color: #F3E0D9;

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23F3E0D9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:active,
	&.active {
		background-color: var(--wp--preset--color--black);
		color: var(--wp--preset--color--white);
		border-color: var(--wp--preset--color--black);

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:focus,
	&.focus {
		background-color: #DBA18C;
		color: var(--wp--preset--color--black);
		border-color: var(--wp--preset--color--black);

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:disabled,
	&[disabled],
	&.disabled {
		background-color: transparent;
		color: #AEB3B6;
		border-color: #D7D9DA;
		cursor: not-allowed;
		pointer-events: all !important;

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23AEB3B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}

		&:hover {
			&:after {
				transform: none;
			}
		}
	}
}

/**
 *
 * Outline sesal button with icon.
 *
 * 1. Defines styles for sesal outline button with icon in general.
 * 2. Defines styles for the svg icon for normal and hover state.
 * 3. Defines styles for the disabled state.
 *
 */
.wp-block-button.is-style-sesal-outline-icon>.wp-block-button__link:not(.has-text-color, .has-background) {
	background-color: transparent;
	color: var(--wp--preset--color--tertiary);
	border-color: var(--wp--preset--tertiary);
	padding-right: 1rem;

	&:after {
		content: "";
		display: inline-block;
		width: 1.5rem;
		height: 1.5rem;
		margin-left: 1rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23D2C9BE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		transition: var(--transition);
	}

	&:hover {
		background-color: transparent;
		color: #DBA18C;
		border-color: #DBA18C;

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23DBA18C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:active,
	&.active {
		background-color: var(--wp--preset--color--black);
		color: var(--wp--preset--color--white);
		border-color: var(--wp--preset--color--black);

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:focus,
	&.focus {
		background-color: #DBA18C;
		color: var(--wp--preset--color--black);
		border-color: var(--wp--preset--color--black);

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	}

	&:disabled,
	&[disabled],
	&.disabled {
		background-color: transparent;
		color: #AEB3B6;
		border-color: #D7D9DA;
		cursor: not-allowed;
		pointer-events: all !important;

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='24' viewBox='0 0 9 24' fill='none'%3E%3Cpath d='M1.54541 17L7.54541 11.5L1.54541 6' stroke='%23AEB3B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}

		&:hover {
			&:after {
				transform: none;
			}
		}
	}
}

/**
 *
 * Dropdown toggle button.
 *
 * 1. Defines styles for dropdown toggle button with icon in general.
 * 2. Defines styles for the svg icon for normal and hover state.
 * 3. Defines styles for the disabled state.
 *
 */
 .wp-block-button.is-style-dropdown-toggle
	> .wp-block-button__link:not(.has-text-color, .has-background) {
	background-color: transparent;
	color: var(--wp--preset--color--green--100);
	border-color: var(--wp--preset--color--green--100);
	padding-top: 15px;
	padding-right: 1rem;
	padding-bottom: 15px;
	justify-content: center;
	transition: var(--transition);

	&:after {
		content: "";
		display: inline-block;
		width: 24px;
		height: 9px;
		margin-left: 1rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9' fill='none'%3E%3Cpath d='M1 1.04541L6.5 7.04541L12 1.04541' stroke='%232D3D32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center center;
		transition: var(--transition);
	}

	&:hover {
		background-color: var(--wp--preset--color--green--40);
	}

	&.rotated {
		background-color: var(--wp--preset--color--green--40);

		&:after {
			transform: rotate(180deg)
		}
	}

	&:active,
	&.active {
		background-color: var(--wp--preset--color--green--40);
	}

	&:disabled,
	&[disabled],
	&.disabled {
		background-color: transparent;
		color: #AEB3B6;
		border-color: #D7D9DA;
		cursor: not-allowed;
		pointer-events: all !important;

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9' fill='none'%3E%3Cpath d='M1 1.04541L6.5 7.04541L12 1.04541' stroke='%23AEB3B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	 }

	 &:hover {
		 &:after {
			 transform: none;
		 }
	 }
 }
}