.effect-container{position:relative;overflow:hidden;cursor:pointer;z-index:0;display:inline-block}.effect-content{display:block}.shine-metal-effect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,#fff3,#ffffff8e,#a7c6da26);transform:skew(-20deg);opacity:0;pointer-events:none;z-index:1;transition:opacity .3s ease;will-change:left,opacity}.shine-metal-effect:hover:before{animation:metal-wave 1.4s forwards;opacity:1}.shine-metal-effect-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,#ffffff0c,#ffffff21,#73889617);transform:skew(4deg);opacity:0;pointer-events:none;z-index:1;transition:opacity .3s ease-out;will-change:left,opacity}.shine-metal-effect-card:hover:before{animation:metal-wave-reverse 1.4s forwards;opacity:1}@keyframes metal-wave-reverse{0%{left:100%;opacity:1}to{left:-200%;opacity:0}}@keyframes metal-wave{0%{left:-100%;opacity:1}to{left:200%;opacity:0}}.border-bottom-effect:after,.border-right-effect:after,.border-left-effect:after,.border-top-effect:after{content:"";position:absolute;background:#fff;transition:width .3s ease,height .3s ease;z-index:2}.border-bottom-effect:after{height:2px;bottom:0;left:0;width:0}.border-bottom-effect:hover:after{width:100%}.border-right-effect:after{width:2px;top:0;right:0;height:0}.border-right-effect:hover:after{height:100%}.border-left-effect:after{width:2px;bottom:0;left:0;height:0}.border-left-effect:hover:after{height:100%}.border-top-effect:after{height:2px;top:0;right:0;width:0}.border-top-effect:hover:after{width:100%}.border-all-effect:after{content:"";position:absolute;inset:0;border:2px solid white;z-index:2;opacity:0;clip-path:polygon(0 0,0 0,0 0,0 100%,0 100%,100% 100%,100% 100%,100% 0,100% 0,0 0);transition:clip-path .6s ease,opacity .3s ease;pointer-events:none}.border-all-effect:hover:after{opacity:1;clip-path:polygon(0 0,100% 0,100% 0,100% 100%,100% 100%,100% 100%,100% 100%,0 100%,0 100%,0 0)}.border-all-reverse-effect:after{content:"";position:absolute;inset:0;border:2px solid white;z-index:2;opacity:1;clip-path:polygon(0 0,100% 0,100% 0,100% 100%,100% 100%,100% 100%,100% 100%,0 100%,0 100%,0 0);transition:clip-path .6s ease,opacity .6s ease;pointer-events:none}.border-all-reverse-effect:hover:after{opacity:0;clip-path:polygon(0 0,0 0,0 0,0 100%,0 100%,100% 100%,100% 100%,100% 0,100% 0,0 0)}