.magic-card{will-change:transform;transition:all .2s ease-out;position:relative;overflow:hidden}.magic-card.animations-disabled:hover{transform:none!important}.magic-card:not(.animations-disabled):hover{transition-duration:.1s}.magic-card-content{z-index:2;width:100%;height:100%;position:relative}.card--border-glow{--glow-intensity:0;--glow-radius:400px}.card--border-glow:hover{--glow-intensity:.5}.card--border-glow:before{content:"";background:radial-gradient(var(--glow-radius)circle at var(--glow-x)var(--glow-y),rgba(var(--glow-color),var(--glow-intensity))0%,transparent 100%);opacity:0;pointer-events:none;z-index:1;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.card--border-glow:hover:before{opacity:1}.particle{pointer-events:none;z-index:3;position:absolute}.ripple{background:radial-gradient(circle,rgba(var(--glow-color),.3)0%,rgba(var(--glow-color),.1)40%,transparent 70%);pointer-events:none;z-index:4;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}