.dei-card{position:relative}.dei-card .dei-card-media{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.dei-card .dei-card-media:before{background-color:#bc69aa;content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s;width:100%;z-index:1}.dei-card:hover .dei-card-media:before{background-color:#161616}.dei-card .dei-card-content{display:flex;flex-direction:column;justify-content:center;opacity:0;padding:40px;transition:all .3s}.card:hover .card-content{opacity:1}.dei-card .dei-card-border span{background-color:#bc69aa;display:inline-block;position:absolute;transition:all .3s linear;z-index:2}.dei-card .dei-card-border span.dei-top{height:1px;left:0;top:0;transform:scaleX(0);transform-origin:left;width:100%}.dei-card .dei-card-border span.dei-right{height:100%;right:0;top:0;transform:scaleY(0);transform-origin:top;width:1px}.dei-card .dei-card-border span.dei-bottom{bottom:0;height:1px;left:0;transform:scaleX(0);transform-origin:right;width:100%}.dei-card .dei-card-border span.dei-left{height:100%;left:0;top:0;transform:scaleY(0);transform-origin:bottom;width:1px}.dei-card:hover .dei-card-border span.dei-top{transform:scaleX(1)}.dei-card:hover .dei-card-border span.dei-right{transform:scaleY(1);transition-delay:.3s}.dei-card:hover .dei-card-border span.dei-bottom{transform:scaleX(1);transition-delay:.6s}.dei-card:hover .dei-card-border span.dei-left{transform:scaleY(1);transition-delay:.9s}