.el-card{display:flex;flex-direction:column;position:relative;--border-width:5px;background-color:#262626;border:1px solid #262626;border-radius:.5rem;padding:1rem}.el-card>:not(:last-child){margin-bottom:1rem}.el-card__content{overflow:hidden}.el-card__content:empty{display:none}.el-card--link{position:relative;transition:all .3s ease}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.el-card--link:before{animation:gradientMove 4s ease infinite;background:linear-gradient(120deg,#6a11cb,#2575fc,#00c6ff,#ff6a00);background-size:300% 300%;border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .4s ease}@media (hover:hover) and (pointer:fine){.el-card--link:hover{background-color:#2e2e2e;transform:translateY(-6px)}.el-card--link:hover:before{opacity:1}}@media (hover:none) and (pointer:coarse){.el-card--link:active{background-color:#2e2e2e;transform:translateY(-6px)}.el-card--link:active:before{opacity:1}}.el-card--cover{background-color:#2e2e2e;padding:2rem}