.animation-category-wrapper{flex-direction:column;gap:100px}.animation-category-list{display:flex;gap:20px}.animation-category-item{position:relative;min-width:428px;max-width:428px;height:428px;padding:40px;display:flex;justify-content:flex-end;flex-direction:column;gap:14px;border-radius:12px;background-size:cover;background-repeat:no-repeat;background-position:center center}.animation-category-item::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;border-radius:12px;background:linear-gradient(180deg,rgba(0,0,0,.24) 0,rgba(0,0,0,.64) 100%)}.animation-category-item-bottom{display:flex;align-items:flex-end;gap:46px}.animation-category-item-desc,.animation-category-item-title{z-index:1}.animation-category-item:hover .btn-circle.btn-icon::before{opacity:1}.animation-category-item-title{transition:var(--transition)}.animation-category-item:hover .animation-category-item-title{color:var(--yellow)}.animation-category-list{display:flex;gap:20px;will-change:transform;align-items:center}.animation-category-wrapper{position:relative;overflow:visible;display:flex;flex-direction:column}@media (max-width:1024px){.animation-category-list{flex-direction:column}.animation-category-item{padding:24px 20px;min-width:100%;max-width:100%;height:220px}.animation-category-item-bottom{gap:30px;justify-content:space-between}}