.app-button{display:flex;align-items:center;column-gap:10px;color:var(--White);font-size:23px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;border-radius:8px;background:#4775fe;width:fit-content;padding:16px 24px;transition:opacity .3s ease-in-out;letter-spacing:.5px;cursor:pointer}.app-button.--disabled-app-button{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:30%}.app-button.--error{background:var(--Red)!important}.app-button.--success{background:var(--Green)!important}.app-button.--loading{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:30%;cursor:not-allowed}.app-button.--loading svg{animation:spin 3s linear infinite}.app-button.--gray{background:var(--Black-Gray)}.app-button.--alternative{padding:0;color:var(--Black);background:none;font-size:20px;column-gap:8px}.app-button.--alternative:hover{opacity:50%}.app-button.--alternative svg{width:17px;height:auto}.app-button.--alternative svg path{stroke:var(--Black)}.app-button:hover{opacity:80%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:1950px){.app-button{font-size:18px!important}}@media(max-width:1700px){.app-button{font-size:16px!important}}@media(max-width:1320px){.app-button{font-size:14px!important;padding:12px 20px}.app-button svg{width:16px;height:auto}}