.articles-card{background:var(--white);border-radius:30px;display:flex;flex-direction:row;gap:20px;padding:5px;position:relative}.articles-card-img{border-radius:30px;height:314px;min-height:314px;min-width:403px;-o-object-fit:cover;object-fit:cover;width:403px}.articles-card-content{display:flex;flex-direction:column;padding-right:43px;padding-top:20px;width:100%}.articles-card-title{color:var(--dark-blue);margin-bottom:5px;transition:var(--transition)}.articles-card-date{font-weight:400;letter-spacing:-.01em;line-height:140%;margin-bottom:20px;transition:var(--transition)}.articles-card-date,.articles-card-desc{color:var(--ligth-gray);font-family:Roboto;font-size:20px}.articles-card-desc{font-weight:500;letter-spacing:-.05em;line-height:110%;margin-bottom:30px}.articles-card:hover .articles-card-title{color:var(--orange)}.articles-card:hover .articles-card-date{color:var(--ligth-blue)}.articles-card-img.pc{display:block}.articles-card-img.mob{display:none}.articles-card-btn{max-width:250px;width:100%}.articles-list-loading{background:#ddd;border-radius:30px;height:100%;inset:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:var(--transition);width:100%}.loading .articles-list-loading:after{animation:load-list 2.5s infinite;background:var(--white);border-radius:30px;box-shadow:0 0 30px 30px var(--white);content:"";filter:blur(20px);height:2px;left:0;position:absolute;top:0;width:100%}.articles-list.loading .articles-list-loading{opacity:1;pointer-events:all}@keyframes load-list{0%{top:0}50%{top:100%}to{top:0}}@media screen and (max-width:1919px){.articles-card{padding:20px}.articles-card-content{padding:0;width:100%}.articles-card-img{aspect-ratio:530/250;height:auto;margin-bottom:20px;min-height:unset;min-width:unset;width:100%}.articles-card-btn{max-width:unset}.articles-card-img.pc{display:none}.articles-card-img.mob{display:block}}@media screen and (max-width:639px){.articles-card-date{font-size:16px}.articles-card-img{aspect-ratio:315/200}}#articles-list .container{display:flex;flex-direction:column;gap:20px}.articles-list{display:grid;gap:20px;grid-template-columns:1fr 1fr;position:relative}.base-button.more-btn{display:none;margin-top:60px}.base-button.more-btn.show{display:flex}@media screen and (max-width:1919px){.base-button.more-btn{margin-top:30px}}@media screen and (max-width:639px){.articles-list{grid-template-columns:1fr}}
