.mp-btn-ribbon:before{content:"";background:var(--ribbon-color);z-index:0;border-radius:9999px;width:0;height:100%;transition:width .5s;display:block;position:absolute;top:0;left:0}.mp-btn-ribbon:hover:before{width:100%}.mp-btn-ribbon:hover{color:#fff!important}.mp-btn-shiny{background:linear-gradient(var(--shiny-bg),var(--shiny-bg))padding-box,conic-gradient(from var(--shiny-angle,0deg),transparent,var(--shiny-color)10%,white 20%,var(--shiny-color)30%,transparent 40%)border-box;animation:3s linear infinite shiny-rotate;box-shadow:inset 0 0 0 1px #ffffff0d}.mp-btn-shiny:after{content:"";background:linear-gradient(-50deg,transparent,var(--shiny-color),transparent);opacity:.6;z-index:0;border-radius:inherit;animation:3s linear infinite shiny-shimmer;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000)}.mp-btn-shiny:hover{box-shadow:inset 0 0 0 1px #ffffff1a,0 0 20px var(--shiny-color)}@keyframes shiny-rotate{to{--shiny-angle:360deg}}@keyframes shiny-shimmer{to{transform:rotate(360deg)}}@supports (background:conic-gradient(from 0deg, red, blue)){@property --shiny-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}}.mp-btn-glow{box-shadow:none}.mp-btn-glow:hover{box-shadow:4px 4px 70px -14px var(--glow-color),0 0 30px -10px var(--glow-color);transform:translateY(-2px)}.mp-btn-animated-border{clip-path:polygon(0% .5em,.5em 0,100% 0,100% calc(100% - .5em),calc(100% - .5em) 100%,0 100%);border:0;box-shadow:10px 10px 20px #0009}.mp-btn-animated-border:before{content:"";background:var(--border-gradient);z-index:-2;background-size:300% 300%;animation:5s infinite animated-border-move;position:absolute;inset:0}.mp-btn-animated-border:after{content:"";background:var(--btn-bg);z-index:-1;clip-path:polygon(.125em .5625em,.5625em .125em,calc(100% - .125em) .125em,calc(100% - .125em) calc(100% - .5625em),calc(100% - .5625em) calc(100% - .125em),.125em calc(100% - .125em));transition:clip-path .5s;position:absolute;inset:0}.mp-btn-animated-border:hover:after,.mp-btn-animated-border:focus-visible:after{clip-path:polygon(calc(100% - .125em) calc(100% - .5625em),calc(100% - .125em) .125em,calc(100% - .125em) .125em,calc(100% - .125em) calc(100% - .5625em),calc(100% - .5625em) calc(100% - .125em),calc(100% - .5625em) calc(100% - .125em));transition:all .2s}.mp-btn-animated-border:hover,.mp-btn-animated-border:focus-visible{color:#fff}@keyframes animated-border-move{0%{background-position:31% 0}50%{background-position:70% 100%}to{background-position:31% 0}}.mp-btn-neon:hover,.mp-btn-neon:focus{background:var(--neon-color);border-color:var(--neon-color);text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff;box-shadow:0 0 5px var(--neon-color),0 0 20px var(--neon-color),0 0 50px var(--neon-color),0 0 100px var(--neon-color)}.mp-btn-wave:before{content:"";border-radius:inherit;z-index:0;background-color:var(--wave-color);width:80px;height:80px;margin:auto;transition:all .6s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;transform:scale(0)}.mp-btn-wave:hover:before{transform:scale(3.5)}.mp-btn-wave:hover{box-shadow:0 0 20px color-mix(in srgb,var(--wave-color)25%,transparent);border-color:var(--wave-color);transform:scale(1.1)}.mp-btn-gradient:before{content:"";border-radius:inherit;background:linear-gradient(135deg,var(--gradient-to),var(--gradient-from));opacity:0;z-index:0;transition:opacity .4s;position:absolute;inset:0}.mp-btn-gradient:hover:before{opacity:1}.mp-btn-gradient:hover{box-shadow:0 8px 25px color-mix(in srgb,var(--gradient-from)35%,transparent);transform:translateY(-2px)}