.search-wrapper{margin:0 auto;max-width:533px;width:100%}@media (max-width:767px){.search-wrapper{margin:0 auto;max-width:310px}}.search-form{position:relative;width:100%}.search-input{background:linear-gradient(var(--color-white),var(--color-white)) padding-box,linear-gradient(292.59deg,var(--color-pulse-blue) -19.45%,var(--color-wellness-teal) 30%,var(--color-wellness-teal) 53.18%,var(--color-gradient) 103.3%) border-box;border:1px solid transparent;border-radius:8px;color:var(--color-form-input);height:50px;line-height:1.5;padding:0 60px 0 20px;width:100%}.search-input:focus{border-width:2px;outline:none}.search-input::placeholder{color:var(--color-convenient-greige)}.search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-button{background:transparent;border:none;cursor:pointer;display:flex;padding:0;position:absolute;right:17px;top:50%;transform:translateY(-50%)}.search-button svg{fill:color-mix(in srgb,var(--color-black) 50%,transparent);transition:all .3s ease}.search-button:focus svg,.search-button:hover svg,.search-input:focus+.search-button svg{fill:var(--color-wellness-teal)}.search-button:focus{outline:none}