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