.search-bar{background-color:#f8f9fa;padding:24px 0}.search-bar__container{max-width:720px;margin:0 auto;padding:0 20px}.search-bar__form{display:flex;align-items:center;gap:0;background:#fff;border:2px solid #63C4E8;border-radius:50px;overflow:hidden;transition:box-shadow .2s}.search-bar__form:focus-within{box-shadow:0 0 0 3px #63c4e840}.search-bar__input{flex:1;border:none;outline:none;padding:14px 24px;font-size:16px;color:#333;background:transparent}.search-bar__input::placeholder{color:#aaa}.search-bar__button{display:flex;align-items:center;justify-content:center;background:#63c4e8;border:none;color:#fff;padding:14px 24px;cursor:pointer;transition:background .2s}.search-bar__button:hover{background:#4bb0d4}@media (max-width: 768px){.search-bar{padding:16px 0}.search-bar__input{padding:12px 16px;font-size:14px}.search-bar__button{padding:12px 18px}}