.blog-search-wrapper{align-items:center;gap:8px;width:100%;max-width:1080px;margin:0 auto 5rem;display:flex}.blog-search{border:1px solid var(--border);background:#fff;border-radius:6px;flex:1;min-width:0;height:40px;display:flex;overflow:hidden}.blog-search input{min-width:0;color:var(--foreground);background:0 0;border:none;outline:none;flex:1;padding:0 .75rem;font-size:.9rem}.blog-search__button{color:#fff;white-space:nowrap;cursor:pointer;background:#1769ff;border:none;justify-content:center;align-items:center;height:40px;padding:0 1rem;font-size:.9rem;font-weight:500;transition:background .2s;display:inline-flex}.blog-search__button:hover{background:#0757e8}.blog-search__clear{color:#fff;white-space:nowrap;cursor:pointer;background:#6c757d;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;height:40px;padding:0 1rem;font-size:.9rem;font-weight:500;transition:background .2s;display:inline-flex}.blog-search__clear:hover{background:#5c636a}@media (max-width:600px){.blog-search-wrapper{gap:6px;margin-bottom:4rem}.blog-search{height:38px}.blog-search input{padding:0 .65rem;font-size:.85rem}.blog-search__button,.blog-search__clear{height:38px;padding:0 .7rem;font-size:.85rem}}