.card.portfolio__project{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.portfolio__project-image{width:60%;max-height:15rem;overflow:hidden;position:relative}@media screen and (max-width:1024px){.portfolio__projects{grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.card.portfolio__project{height:70%;min-height:90px}.portfolio__projects{display:flex!important;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.5rem;padding:0 1rem 1rem}}.animated-button{width:220px;height:80px;color:rgb(255,255,255);background-color:transparent;font-size:26px;text-decoration:none;text-transform:uppercase;text-align:center;line-height:80px;transition:all .5s;position:relative;display:inline-block;font-family:verdana;z-index:30}.animated-button:after,.animated-button:before{content:"";position:absolute;top:50%;width:20px;height:20px;background-color:rgb(5,148,76);border-radius:50%;transform:translateY(-50%);transition:all 2.3s;z-index:-1;opacity:0}.animated-button:before{left:0;box-shadow:-100px 0 0 rgb(5,148,76)}.animated-button:after{right:0;box-shadow:100px 0 0 rgb(5,148,76)}.animated-button:hover:before{left:50%;box-shadow:30px 0 0 rgb(5,148,76);transform:translateX(-50%) translateY(-50%);opacity:1}.animated-button:hover:after{right:50%;box-shadow:-30px 0 0 rgb(5,148,76);transform:translateX(50%) translateY(-50%);opacity:1}.animated-button span{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(5,148,76);border-radius:8px;transform:scale(0);transition:all .3s;z-index:-1}.animated-button:hover span{transform:scale(1);transition-delay:.4s}.animated-button:hover{color:#262626;transition-delay:.4s}.image-container{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;z-index:1}.responsive-image{width:100%;height:auto;max-height:90vh;-o-object-fit:contain;object-fit:contain}@media (max-width:1024px){.responsive-image{width:80%}}@media (max-width:768px){.image-container{justify-content:center;align-items:center}.responsive-image{width:95%;max-height:70vh}}