.card{background:#fff;border-radius:32px;box-shadow:0 70px 30px -50px #604b4a30;height:280px;padding:3px;position:relative;transition:all .5s ease-in-out;width:280px}.card .mail{background:transparent;border:none;position:absolute;right:2rem;top:1.4rem}.card .mail svg{stroke:#fbb9b6;stroke-width:3px}.card .mail svg:hover{stroke:#f55d56}.card .profile-pic{border:0 solid #fbb9b6;border-radius:29px;height:calc(100% - 6px);left:3px;overflow:hidden;position:absolute;top:3px;transition:all .5s ease-in-out .2s,z-index .5s ease-in-out .2s;width:calc(100% - 6px);z-index:1}.card .profile-pic img,.card .profile-pic svg{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0;transition:all .5s ease-in-out 0s;width:100%}.card .profile-pic svg{transform-origin:45% 20%}.card .bottom{background:#fbb9b6;border-radius:29px;bottom:3px;box-shadow:inset 0 5px 5px 0 rgba(96,75,74,.188);left:3px;overflow:hidden;position:absolute;right:3px;top:80%;transition:all .5s cubic-bezier(.645,.045,.355,1) 0s;z-index:2}.card .bottom .content{bottom:0;height:160px;left:1.5rem;position:absolute;right:1.5rem}.card .bottom .content .name{color:#fff;display:block;font-size:1.2rem;font-weight:700}.card .bottom .content .about-me{color:#fff;display:block;font-size:.9rem;margin-top:1rem}.card .bottom .bottom-bottom{align-items:center;bottom:1rem;display:flex;justify-content:space-between;left:1.5rem;position:absolute;right:1.5rem}.card .bottom .bottom-bottom .social-links-container{display:flex;gap:1rem}.card .bottom .bottom-bottom .social-links-container svg{height:20px;fill:#fff;filter:drop-shadow(0 5px 5px rgba(165,132,130,.1333333333))}.card .bottom .bottom-bottom .social-links-container svg:hover{fill:#f55d56;transform:scale(1.2)}.card .bottom .bottom-bottom .button{background:#fff;border:none;border-radius:20px;box-shadow:0 5px 5px 0 hsla(3,16%,58%,.133);color:#fbb9b6;font-size:.6rem;padding:.4rem .6rem}.card .bottom .bottom-bottom .button:hover{background:#f55d56;color:#fff}.card:hover{border-top-left-radius:55px}.card:hover .bottom{border-radius:80px 29px 29px 29px;top:20%;transition:all .5s cubic-bezier(.645,.045,.355,1) .2s}.card:hover .profile-pic{aspect-ratio:1;border:7px solid #fbb9b6;border-radius:50%;box-shadow:0 5px 5px 0 rgba(96,75,74,.188);height:100px;left:10px;top:10px;transition:all .5s ease-in-out,z-index .5s ease-in-out .1s;width:100px;z-index:3}.card:hover .profile-pic:hover{border-radius:0;transform:scale(1.3)}.card:hover .profile-pic img{-o-object-position:0 25px;object-position:0 25px}.card:hover .profile-pic img,.card:hover .profile-pic svg{transform:scale(2.5);transition:all .5s ease-in-out .5s}