button.button{cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;padding:0}button.button--disabled{opacity:.3;cursor:not-allowed}button.button--square{width:32px;height:32px;min-width:32px;min-height:32px;outline:none;border-radius:8px;background:#232f3f;transition:.2s ease-in-out;cursor:pointer}button.button--square.button--active{background:#334153}button.button--square.button--active path,button.button--square.button--active rect,button.button--square.button--active svg{fill:#1e88e5}button.button--secondary,button.button--square .button__body{display:flex;align-items:center;justify-content:center}button.button--secondary{padding:12px 16px;width:-moz-fit-content;width:fit-content;min-width:-moz-fit-content;min-width:fit-content;border-radius:8px;background:#232f3f;transition:.2s ease-in-out}button.button--secondary.button--active{background:#1e88e5}button.button--secondary .button__body{height:24px;display:flex;align-items:center}button.button--secondary .button__icon{margin-right:8px}button.button--secondary .button__text{font-size:18px;font-weight:500;color:#667f9f;font-family:Roboto,sans-serif}button.button--green{background:rgba(67,160,71,.2)!important;color:#43a047!important}button.button--red{background:rgba(236,43,45,.2)!important;color:#ec2b2d!important}button.button--primary{padding:12px 24px;display:flex;justify-content:center;width:-moz-fit-content;width:fit-content;background:linear-gradient(90deg,#1e88e5,#2a8ee5);border-radius:8px;transition:.2s ease-in-out;position:relative}button.button--primary:before{content:"";position:absolute;display:block;width:100%;z-index:0;height:100%;left:0;top:0;background:linear-gradient(90deg,#1565c0,#1e88e5);border-radius:8px;opacity:0;transition:.2s ease-in-out}button.button--primary .button__body{height:24px;display:flex;align-items:center;position:relative;z-index:1}button.button--primary .button__text{font-size:18px;font-weight:500;color:#fff;font-family:Roboto,sans-serif}button.button--primary .button__icon{margin-right:8px;position:relative;top:-1px;z-index:2}button.button--primary:hover:before{opacity:1}button.button--bordered{border:2px solid #1e88e5;border-radius:8px;padding:0 24px;background:transparent;transition:background .2s ease-in-out;box-sizing:border-box;height:48px;line-height:48px}button.button--bordered.button--white{border-color:#fff}button.button--bordered .button__body{height:24px;display:flex;align-items:center}button.button--bordered .button__icon{margin-right:8px;display:flex}button.button--bordered .button__text{font-size:18px;font-weight:500;color:#fff;transition:color .2s ease-in-out}button.button--bordered:hover{background:linear-gradient(90deg,#1e88e5,#2a8ee5);background:#1e88e5}button.button--bordered:hover.button--white{background:#fff}button.button--bordered:hover.button--white .button__text{color:#0b1420}button.button--bordered:hover.button--white svg>*{fill:#0b1420}button.button:not(.button--primary):not(.button--bordered):not(.button--active):hover{background:#324761}button.button:not(.button--primary):not(.button--bordered):not(.button--active):not(.button--active):active{background:#556877}