.article-wrapper{width:250px;transition:all .15s ease-in-out;border-radius:10px;padding:5px;border:4px solid transparent;cursor:pointer;background-color:#fff}.article-wrapper:hover{box-shadow:10px 10px 0 #4e84ff,20px 20px 0 #4444bd;border-color:#0578c5;transform:translate(-20px,-20px)}.article-wrapper:active{box-shadow:none;transform:translate(0)}.container-project{width:100%;height:170px;background:gray;overflow:hidden}.project-info{padding:10px;display:flex;flex-direction:column;gap:10px}.project-title{font-size:1.5em;font-weight:600;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-pr{display:flex;justify-content:space-between;align-items:center}.project-type{background:#b2b2fd;color:#1a41cd;font-weight:700;padding:.3em .7em;border-radius:15px;font-size:12px}.project-hover{border-radius:50%;width:50px;height:50px;padding:9px;transition:all .3s ease}.article-wrapper:hover .project-hover{transform:rotate(-45deg);background-color:#a6c2f0}