.animated-card-section{align-items:center;display:flex;flex-wrap:wrap;margin:auto;row-gap:20px;width:100%}.justify_center{justify-content:center}.justify_start{justify-content:flex-start}.justify_right{justify-content:right}.animated-card-section .animated-card{align-items:center;box-shadow:0 20px 30px -10px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;margin:0 10px;max-width:300px;min-height:440px;min-width:260px;overflow:hidden;position:relative;transition:all .4s ease}.animated-card-section .animated-card:before{border-radius:4px 4px 100% 100%;content:"";height:190px;position:absolute;top:0;transition:all .4s ease-out;width:calc(100% + 100px)}.animated-card-section .animated-card .arrow{display:none}.animated-card-section .animated-card .animated-card-article{align-items:center;display:flex;flex-direction:column;text-align:center;z-index:1}.animated-card-section .animated-card .animated-card-article h2{letter-spacing:.5px;width:100%}.animated-card-section .animated-card .animated-card-article .title{letter-spacing:.8px;transition:all .4s ease}.animated-card-section .animated-card .animated-card-article .animated-card-description{color:#666;font-size:14px;line-height:24px;padding:10px 20px;text-align:center;transition:all .4s ease-out}.animated-card-section .animated-card .animated-card-article .animated-card-image{box-shadow:0 0 0 0 hsla(0,0%,100%,.3);margin:20px 0;transition:all .6s ease}.animated-card-section .animated-card .animated-card-article .animated-card-image img{border-radius:100%;display:flex;height:120px;object-fit:cover;overflow:hidden;width:120px}.animated-card-section .animated-card .animated-card-actions{background:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;z-index:1}.animated-card-section .animated-card .animated-card-actions .animated-card-footer_btn{align-items:center;background:rgba(68,129,235,.08);border:0;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;height:36px;justify-content:center;letter-spacing:.5px;margin:0;position:relative;text-decoration:none;transition:all .6s ease-in-out;width:calc(50% - 1px)}.animated-card-section .animated-card .animated-card-actions .animated-card-footer_btn span{display:flex;opacity:1;transition:all .4s ease-in-out;z-index:1}.animated-card-section .animated-card .animated-card-actions .animated-card-footer_btn .icon{opacity:0;position:absolute;transition:all .2s ease-in-out;width:10px}.animated-card-section .animated-card .animated-card-actions .animated-card-footer_btn:before{background:#4481eb;bottom:0;content:"";height:0;opacity:.2;position:absolute;transition:all .4s ease;width:100%}.animated-card-section .animated-card .animated-card-actions .animated-card-footer_btn:focus{outline:0}.animated-card-section .animated-card .animated-card-actions .animated-card-footer_btn:hover span{transition:all .3s ease-in-out}.animated-card-section .animated-card .animated-card-actions .animated-card-footer_btn:hover .icon{opacity:1;transition:all .4s ease-in-out;width:22px}.animated-card-section .animated-card .animated-card-actions .animated-card-footer_btn:hover:nth-child(3) .icon{width:18px}.animated-card-section .animated-card .animated-card-actions .animated-card-footer_btn:hover:before{height:100%}.animated-card-section .animated-card .animated-card-actions .animated-card-footer_btn.clicked span{display:none}.animated-card-section .animated-card .animated-card-actions .animated-card-footer_btn.clicked .icon{animation:icon .5s ease forwards;opacity:1;width:22px}.animated-card-footer_icons{width:22px}@keyframes icon{0%{width:22px}50%{width:40px}to{width:22px}}.animated-card-section .animated-card .animated-card-actions .animated-card-footer_btn.clicked:before{height:100%;opacity:.3}.animated-card-section .animated-card:hover{box-shadow:0 5px 10px -5px rgba(0,0,0,.3);transform:translateY(-10px)}.animated-card-section .animated-card:hover:before{border-radius:4px;height:100%}.animated-card-section .animated-card:hover .animated-card-description{color:#fff}.animated-card-section .animated-card:hover .animated-card-image{border-radius:100%;box-shadow:0 0 0 8px hsla(0,0%,100%,.3)}.animated-card-section .animated-card:hover .animated-card-image img{-webkit-filter:grayscale(0);filter:grayscale(0)}.animated-card-section .animated-card.closed{align-items:center;cursor:pointer;display:flex;justify-content:center;max-width:120px;min-width:120px;transition:all .6s ease}.animated-card-section .animated-card.closed .animated-card-actions,.animated-card-section .animated-card.closed .animated-card-description,.animated-card-section .animated-card.closed .close,.animated-card-section .animated-card.closed .title{display:none}.animated-card-section .animated-card.closed h2{height:100%;padding:0;transform:rotate(-90deg);transition:all .6s ease;width:440px;z-index:2}.animated-card-section .animated-card.closed .animated-card-image{border-radius:100%;box-shadow:0;height:400px;margin:0;position:absolute;top:-20px;transition:all .6s ease;width:400px}.animated-card-section .animated-card.closed .animated-card-image img{height:100%;object-fit:cover;transform:translateY(20px)}.animated-card-section .animated-card.closed .animated-card-image:before{background-color:#000;content:"";height:100%;opacity:.5;position:absolute;transform:translateY(20px);transition:all .4s ease;width:100%;z-index:1}.animated-card-section .animated-card.closed:before{border-radius:4px;height:100%}.animated-card-section .animated-card.closed .arrow{bottom:15px;cursor:pointer;display:flex;height:18px;justify-content:center;padding:5px;position:absolute;transition:all .2s ease;width:18px;z-index:2}.animated-card-section .animated-card.closed:hover .arrow{background-size:100%;opacity:.6}@media screen and (max-width:480px){.animated-card-section .animated-card{max-width:100%;min-height:auto;min-width:auto}}