.fui-btn,.fui-btn-glow{clip-path:polygon(calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px),0 0)}.fui-btn-glow,.fui-btn-glow:hover{box-shadow:inset 0 0 25px -10px hsl(var(--fui-btn-glow,220,90%,50%))}.fui-btn{display:inline-block;text-align:center;align-items:center;justify-content:center;padding:.5rem 1rem;font-weight:500;font-size:16px;box-sizing:border-box;border:none;background-color:hsl(var(--fui-btn-bg,220,90%,50%));color:hsl(var(--fui-btn-color,0,0%,100%));border-radius:3px 0;cursor:pointer;transition:background-color .3s,transform .2s;width:auto;min-width:120px;position:relative;z-index:0}.fui-btn:hover{opacity:.8}.fui-btn:active{transform:scale(.98)}.fui-btn-glow{position:absolute;inset:1px;color:inherit;background-color:#191919;border-radius:3px 0;border:0;z-index:-2;color:inherit;transition:background-color .3s,border-color .3s}.fui-btn-glow:hover{background-color:#262626}.fui-btn-ripple{position:relative;overflow:hidden}.fui-btn-ripple:after{content:"";position:absolute;background:rgba(255,255,255,.6);border-radius:50%;transform:scale(0);animation:.6s linear ripple;pointer-events:none}.fui-btn-ripple:focus{outline:0}@keyframes ripple{to{transform:scale(4);opacity:0}}@media (max-width:768px){.fui-btn{font-size:14px;padding:.5rem .8rem;width:auto;min-width:96px}}@media (max-width:480px){.fui-btn{font-size:12px;padding:.4rem .6rem}}