Простая форма поиска для сайта

На этой странице буду приведены несколько типов форм поиска для сайтов.

Простая форма поиска с кнопкой "лупа" с правой стороны

Код

                               <div class="container-header2__centerblock-search">
					<form class="container-header2__centerblock-search-form" action="" method="post">
						<input type="text" class="container-header2__centerblock-search-form-input" name="search_text" id="search_text" value="">
						<button type="submit" class="container-header2__centerblock-search-form--submit"><i class="fas fa-search"></i></button>
					</form>
				</div>

Вариант оформления CSS

.container-header2__centerblock-search form.container-header2__centerblock-search-form {
    display: flex;}
.container-header2__centerblock-search input.container-header2__centerblock-search-form-input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #cccccc;
    outline: none;
    font-size: 14px;
    color: #000000;}
.container-header2__centerblock-search button.container-header2__centerblock-search-form-submit {
    border: 0;
    width: 50px;
    background-color: #BAA063;
    color: #ffffff;
    transition: 0.5s;}
.container-header2__centerblock-search button.container-header2__centerblock-search-form-submit:hover {
    background-color: #CEB478;
    transition: 0.5s;}