.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;inset: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%)}