.blog-component{padding-top:40px;display:flex;flex-direction:column;gap:35px}.blog-component>h3{text-align:center;font-size:40px;color:var(--secondColor)}.blog-component .main-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.blog-component>a{display:block;width:fit-content;margin-inline:auto;background-color:var(--secondColor);color:#fff;padding:10px 25px;font-size:18px;border-radius:15px}@media(max-width:767px){.blog-component .main-container{grid-template-columns:repeat(2,1fr)}}