.blog{overflow:hidden;border-radius:.8rem}.blog__header{display:flex;margin-bottom:1.8rem}.blog .search{flex:1 1 auto;height:5rem;display:flex}.blog .search__actions{position:relative;width:15.5rem}.blog .search__input{flex:1 1 auto;border-radius:.6rem 0 0 .6rem;border-right:none;min-width:20rem}.blog .search__button{width:100%;padding-left:0;padding-right:0;text-align:center;border-radius:0 .6rem .6rem 0;border:1px solid #476bf0;height:5rem}.blog .search__empty-button{position:absolute;left:-3.4rem;top:1.2rem}.blog .search__empty-button svg{height:2.6rem;width:2.6rem;transition:fill .1s ease-in-out}.blog .search__empty-button svg:hover{fill:#3356d7}.blog__body{display:grid;grid-template-columns:repeat(auto-fill, minmax(28rem, 1fr));gap:2.2rem;margin-bottom:3rem}.blog__body .article{overflow:hidden;text-decoration:none;display:flex;flex-direction:column;border-radius:.5rem .5rem 0 0;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.blog__body .article:hover{box-shadow:0 4px 12px rgba(30,34,46,.08);transform:translateY(-4px)}.blog__body .article__image{height:20rem;overflow:hidden}.blog__body .article__image img{height:20rem;width:100%;object-fit:cover}.blog__body .article__body{flex:1 1 auto;padding:1.2rem 1.5rem;border:1px solid #dbdfec;border-radius:0 0 .5rem .5rem}.blog__body .article__title{font-weight:500;line-height:1.4;color:#333}.blog__body .article__title span{background-color:#ffe98d;color:#333;box-shadow:-2px 0 0 3px #ffe98d,2px 0 0 3px #ffe98d}@media screen and (max-width: 1024px){.blog__body{display:grid;grid-template-columns:repeat(auto-fill, minmax(28rem, 1fr));gap:1.5rem}}@media screen and (max-width: 768px){.blog{padding-left:.5rem;padding-right:.5rem}}