.blog .blogpost{margin-bottom:2rem}@media (min-width:768px){.blog .blogpost{margin-bottom:3rem}}.blog .blogpost__content{display:flex;height:100%;background-color:var(--clr-grey);padding:1rem;flex-direction:column;gap:2rem}.blog .blogpost__content p *,.blog .blogpost__content p{font-size:1rem}@media (min-width:768px){.blog .blogpost__content{padding:2rem}}.blog .blogpost__image{height:100%;width:100%;object-fit:cover}.blogpost__content p *,.blogpost__content p{font-size:1.25rem}.blogpost .infobox{display:flex;gap:1rem;flex-direction:column;background:linear-gradient(var(--bg-gradient-direction, 120deg), var(--clr-secondary) 0%, var(--clr-primary) 100%);padding:2.5rem;border-radius:var(--border-radius-lg)}@media (max-width:767.98px){.blogpost .infobox{padding:2.5rem}}.blogpost .infobox a{--font-clr: var(--white);transition:var(--transition);font-size:1.125rem}.blogpost .infobox p{font-size:1rem;color:var(--white)}.blogpost .blog__setting--area{display:flex;gap:2rem}@media (max-width:991.98px){.blogpost .blog__setting--area{justify-content:center}}.blogpost .blog__setting--area .blog__setting__date{display:flex;align-items:center;gap:0.5rem}.blogpost .share__buttons{display:flex;align-items:center;gap:1rem;justify-content:flex-end}@media (max-width:991.98px){.blogpost .share__buttons{justify-content:center}}.blogpost .share__buttons--holder{display:flex;gap:0.75rem}@media (max-width:991.98px){.blogpost .share__buttons--holder{justify-content:center}}.blogpost .share__buttons a{display:flex;align-items:center;justify-content:center;background-color:var(--grey-bright);border-radius:50%}.blogpost .share__buttons a i{color:var(--black)}.blogpost .share__buttons .share-icon{--size: 44px;--font-size: 1.125rem;padding:0;width:var(--size);height:var(--size);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--white);color:var(--font-clr);font-family:"bootstrap-icons";text-decoration:none;border:1px solid var(--border-color)}@media (max-width:1199.98px){.blogpost .share__buttons .share-icon{--size: 40px}}.blogpost .share__buttons .share-icon:hover{color:var(--white);background:var(--clr-primary);border-color:var(--clr-primary)}