.search-articles{display:flex;align-items:center;gap:.8rem;margin-top:3rem}.search-articles__bar{position:relative;flex-grow:1}.search-articles__icon{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1.6rem}.search-articles__input{width:100%;padding:1.2rem 1.6rem 1.2rem 5rem;border-radius:9999px;border:1px solid #e5e7eb;font-size:1.6rem;height:5rem;transition:border-color .2s ease,box-shadow .2s ease}.search-articles__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(76,177,159,.12)}.search-articles__button{border-radius:100%;background-color:#111827;color:#fff;width:5rem;height:5rem;transition:transform .2s ease,box-shadow .2s ease}.search-articles__button:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.search-articles__button:active{transform:scale(.95)}.search-articles__button-icon{width:2.4rem;height:2.4rem}