.btn-solid{background-color:rgb(var(--color-palette-a)/1)}.btn-solid:hover{background-color:rgb(var(--color-palette-a-darker)/1)}.btn-solid:active{background-color:rgb(var(--color-palette-a-darkest)/1)}.btn-ripple{position:relative;overflow:hidden;background:rgb(var(--color-palette-a)/1)}.btn-ripple .ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation .6s linear;background:rgb(var(--color-palette-a-darkest)/.8)}.btn-gradient{background:linear-gradient(to right,rgb(var(--color-palette-a)/1),rgb(var(--color-palette-b)/1))}.btn-gradient:not(:disabled):hover{background-size:200% 100%;animation:btn-gradient-animation 2s ease infinite}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}@keyframes btn-gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn .progress-bar{height:4px;background-color:rgba(5,114,206,.2);width:100%;overflow:hidden}.btn .progress-bar-value{width:100%;height:100%;background-color:#0572ce;animation:indeterminateAnimation 1s linear infinite;transform-origin:0 50%}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}to{transform:translateX(100%) scaleX(.5)}}