.app-button{align-items:center;border:unset;border-radius:4px;display:flex;font-size:14px;font-weight:600;justify-content:center;line-height:14px;margin:0;padding:15px 12px;text-transform:uppercase;width:100%}@media screen and (max-width:768px){.app-button{font-size:12px;height:44px;line-height:17px}}.app-button:hover{cursor:pointer}.app-button:focus{outline:none}.app-button:disabled{background-color:#eceff1;border:2px solid #d5d7da;cursor:not-allowed}.app-button--blue-outlined{background-color:#fff;border:2px solid #3278db;color:#222}.app-button--blue-outlined:hover{background-color:#e9f4fe;border-color:#2f71cd}.app-button--blue-outlined:active{background-color:#fff;border-color:#2f71cd;color:#3278db}.app-button--green-outlined{background-color:#fff;border:2px solid #78ad28;color:#222}.app-button--green-outlined:hover{background-color:#f2f7ec;border-color:#577b20}.app-button--green-outlined:active{background-color:#fff;border-color:#577b20;color:#78ad28}.app-button--green{background-color:#78ad28;border:2px solid #78ad28;color:#fff}.app-button--green:hover{background-color:#9ad344;border-color:#9ad344}.app-button--green:active{background-color:#3e5b13;border-color:#3e5b13;color:#fff}.app-button--red{background-color:#c00;border:2px solid #c00;color:#fff}.app-button--red:hover{background-color:#f33;border-color:#f33}.app-button--red:active{background-color:maroon;border-color:maroon}.app-button--dashed{background-color:#eceff1;border:2px dashed #c0c3c7;color:#b5b8bb}.app-button--dashed:hover{background-color:#eceff1;border-color:#626262}.app-button--dashed:active{color:#626262}.app-button--ghost{background-color:transparent;color:#222}.app-button--ghost:hover{background-color:#d5d7da}.app-button--ghost:active{background-color:#b5b8bb}