.wp-block-search{
	.wp-block-search__inside-wrapper{
		display: flex;
		align-items: center;
		position: relative;
	}
	.wp-block-search__button {
		flex: 0 0 auto;
		padding: 19px 0.5em;
		background: $primary-color;
		border-color: $primary-color;
		color: white;
		&.has-icon{
			.search-icon{
				fill: white;
			}
			&:hover{
				.search-icon{
					fill: $white;
				}
			}
		}
		&:hover{
			background: $accent-color;
			border-color: $accent-color;
			color: $white;
		}
	}
	//button outside
	&.wp-block-search__button-outside{
		.wp-block-search__inside-wrapper{
			margin-left: -5px;
			margin-right: -5px;
			> *{
				margin-left: 5px;
				margin-right: 5px;
			}
		}
	}
	// button inside
	&.wp-block-search__button-inside{
		.wp-block-search__inside-wrapper{
			padding: 0;
			border: none;
		}
		.wp-block-search__input{
			padding-inline-end: 60px!important;
		}
		.wp-block-search__button {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			[dir="rtl"] &{
				right: auto;
				left: 0;
			}
		}
	}
}