.projectcard{min-height:254px;border-radius:30px;background:#212121;box-shadow:15px 15px 30px #191919,-15px -15px 30px #3c3c3c}.button{position:relative;box-shadow:0 10px 20px rgba(0,0,0,.2);padding-block:.1rem;padding-inline:.5rem;background-color:#000;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;gap:10px;font-weight:semibold;border:2px solid #ffffff4d;outline:none;overflow:hidden;font-size:10px}.button,.icon{transition:all .3s ease-in-out}.icon{width:16px;height:16px}.button:hover{transform:scale(1.05);border-color:#fff9}.button:hover .icon{transform:translate(4px)}.button:hover:before{animation:shine 1.5s ease-out infinite}.button:before{content:"";position:absolute;width:100px;height:100%;background-image:linear-gradient(120deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.8),hsla(0,0%,100%,0) 70%);top:0;left:-100px;opacity:.6}@keyframes shine{0%{left:-100px}60%{left:100%}to{left:100%}}.projectcard:hover img{transform:translateY(-20px);transition:transform .4s ease-in-out}.header-shadow{box-shadow:0 4px 5.3px 0 hsla(0,0%,8%,.43)}