:root{--articles-padding:1rem;--articles-margin:1rem;--articles-gap:1rem}.articles__wrapper{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:2.5rem;gap:2.5rem;grid-gap:calc(var(--articles-gap)*2.5);gap:calc(var(--articles-gap)*2.5);max-width:68rem;margin:var(--margin-center)}@media (min-width:768px){.articles__wrapper{justify-content:space-between;grid-gap:2rem .5rem;gap:2rem .5rem;grid-gap:calc(var(--articles-gap)*2) calc(var(--articles-gap)*0.5);gap:calc(var(--articles-gap)*2) calc(var(--articles-gap)*0.5)}}@media (min-width:1280px){.articles__wrapper{grid-gap:4rem;gap:4rem;grid-gap:calc(var(--articles-gap)*4);gap:calc(var(--articles-gap)*4)}}@media (min-width:768px){.articles__item{width:calc(33.33333% - .5rem)}}@media (min-width:1280px){.articles__item{width:calc(33.33333% - 4rem)}}.articles__item .article{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--color-black);color:var(--color-white);border-radius:50%;min-width:20px;min-height:20px;max-width:17.75rem;margin:var(--margin-center);padding:2.75rem;padding:calc(var(--articles-padding)*2.75)}@media (min-width:768px){.articles__item .article{max-width:18.75rem;padding:2rem;padding:calc(var(--articles-padding)*2)}}@media (min-width:1024px){.articles__item .article{padding:2.75rem;padding:calc(var(--articles-padding)*2.75)}}.articles__item .article a{position:absolute;top:0;right:0;bottom:0;left:0}.articles__item .article .info{text-align:center}.articles__item .article .info h4{font-size:1.75rem}@media (min-width:768px){.articles__item .article .info h4{font-size:1.25rem}}@media (min-width:1280px){.articles__item .article .info h4{font-size:1.75rem}}.articles__item .article .info p{font-size:1rem;margin-bottom:1rem;margin-bottom:var(--articles-margin)}.articles__item .article .info p:last-of-type{margin-bottom:0}.articles__item .article:after{content:"";display:inline-block;padding-top:100%;height:0}