img{width:50%}.card{width:27%;margin:30px;box-shadow:20px 20px 50px #00000080;border-radius:15px;border-top:1px solid rgba(255,255,255,.5);border-left:1px solid rgba(255,255,255,.5);background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card .card-content{padding:5%;text-align:center;transition:.5s}.card .card-content h3{color:#000;font-weight:700;font-size:1.5em}.card .card-content a{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;padding:3% 12.5%;border-radius:20px;box-shadow:0 5px 15px #0003;transition:.5s;text-decoration:none;font-weight:700;color:#000;background:#ffffff08}.card .card-content a:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to left,rgba(255,255,255,.8),transparent);transform:skew(45deg);pointer-events:none;z-index:0;transition:.5s}.card .card-content a>*{position:relative;z-index:1}.card .card-content a:hover{color:#fff;background:#f27300;letter-spacing:.1em}.card .card-content a:hover:before{transform:skew(45deg) translate(200%)}