.blog-card,.blog-section{flex-direction:column;display:flex}.animated-button .circle,.animated-button .text,.animated-button svg{transition:.8s cubic-bezier(.23, 1, .32, 1)}.blog-section{text-align:center;width:85%;max-width:1600px;margin:4rem auto auto;font-family:var(--poppins-font);align-items:center;background-color:#fff}.author-details,.blog-title{text-align:left}.author-details{display: flex;flex-direction: column;gap: 0.25rem;}.blog-section h2{font-size:60px;margin-bottom:.5rem;color:var(--primary-blue)}.blog-section .description{font-size:1.5rem;color:#000;line-height:3rem;max-width:1200px;margin:1rem auto 2rem}.blog-grid-container{width:100%;margin:auto;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:10px;display:flex}.animated-button,.blog-card{position:relative;cursor:pointer;overflow:hidden}.blog-grid-container::-webkit-scrollbar{display:none}.blog-grid{display:flex;gap:1.5rem;margin:0 auto}.blog-card{background:#fff;padding:1rem;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 4px 0 #00000040;transition:transform .3s,box-shadow .3s;width:300px}.blog-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#04e690 0,#00115e 100%);border-radius:8px 8px 0 0;z-index:1}.blog-card>*{position:relative;z-index:2}.blog-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.blog-image{width:100%;height:180px;object-fit:cover}.blog-content{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.blog-tag{display:inline-block;background-color:#4b6BFB0D;width:fit-content;align-self:flex-start;color:#4b6bfb;padding:.25rem .5rem;border-radius:4px;font-size:1rem;font-weight:600;margin-block:0.8rem}.blog-title{font-size:1.25rem;font-weight:600;line-height:1.8rem;color:#181a2a;margin-bottom:1rem}.author-name,.blog-date{font-size:1rem;font-weight:600;color:#97989f;margin-left:.8rem}.blog-footer{display:flex;align-items:center;margin-top:auto}.author-image{width:40px;height:40px;border-radius:50%;margin-right:.5rem}.animated-button{display:flex;align-items:center;align-self:center;gap:4px;padding:16px 36px;border:4px solid transparent;font-size:16px;background-color:inherit;border-radius:100px;font-weight:600;color:var(--primary-blue);box-shadow:0 0 0 2px var(--primary-blue);transition:.6s cubic-bezier(.23, 1, .32, 1)}.animated-button svg{position:absolute;width:24px;fill:var(--primary-blue);z-index:9}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:var(--primary-blue);border-radius:50%;opacity:0}.animated-button .text{position:relative;z-index:1;transform:translateX(-12px)}.animated-button:hover{box-shadow:0 0 0 12px transparent;color:var(--white);border-radius:12px}.animated-button:hover .arr-1{right:-25%}.animated-button:hover .arr-2{left:16px}.animated-button:hover .text{transform:translateX(12px)}.animated-button:hover svg{fill:var(--white)}.animated-button:active{scale:0.95;box-shadow:0 0 0 4px var(--primary-blue)}.animated-button:hover .circle{width:220px;height:220px;opacity:1}@media (max-width:1650px){.blog-section h2{font-size:46px}.blog-section .description{font-size:18px;margin-bottom:2rem;max-width:1185px;line-height:2.5rem}.blog-tag{font-size:.9rem;margin-block:0.7rem}.author-name,.blog-date{font-size:.7rem}.author-image{width:30px;height:30px}.blog-title{font-size:1rem;line-height:1.5rem}}@media (max-width:1550px){.blog-section h2{font-size:44px}.blog-section .description{font-size:16px;margin-bottom:2rem;max-width:860px;line-height:2rem}.blog-title{font-size:1rem;line-height:1.5rem}}@media (max-width:1400px){.blog-grid{grid-template-columns:repeat(4,300px)}}@media (max-width:1230px){.blog-title{font-size:.9rem;line-height:1.3rem}.blog-card{padding:.7rem}.blog-image{height:150px}.blog-grid{gap:1rem}}@media (max-width:1130px){.blog-section .description{font-size:16px;margin-bottom:2rem;max-width:1185px;line-height:1.8rem}.blog-title{font-size:.9rem;line-height:1.2rem}}@media (max-width:1025px){.blog-section h2{font-size:44px}.blog-section{width:90%}}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(4,280px)}}@media (max-width:430px){.blog-section h2{font-size:36px}}@media (max-width:400px){.blog-section h2{font-size:34px}}@media (max-width:360px){.blog-section h2{font-size:32px}}