:root{--transition:all .15s ease-in-out}.app-button{background-color:var(--button-bg-primary);border-radius:var(--shape-radius-md);cursor:pointer;height:40px;transition:var(--transition);border:none;flex-direction:row;justify-content:center;align-items:center;width:auto;padding:12px 32px;display:flex}.app-button:hover{background-color:var(--button-bg-primary-hover)}.app-button__content-wrapper{width:fit-content;color:var(--button-text-primary);transition:var(--transition);flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.app-button:hover .app-button__content-wrapper{color:var(--button-text-primary-hover)}.app-button__icon{height:16px}.app-button__label{font-size:14px;font-weight:500;line-height:16px}.app-button--primary{background-color:var(--button-bg-primary)}.app-button--primary:hover{background-color:var(--button-bg-primary-hover)}.app-button--primary .app-button__content-wrapper{color:var(--button-text-primary)}.app-button--primary:hover .app-button__content-wrapper{color:var(--button-text-primary-hover)}.app-button--secondary{background-color:var(--button-bg-secondary)}.app-button--secondary:hover{background-color:var(--button-bg-secondary-hover)}.app-button--secondary .app-button__content-wrapper{color:var(--button-text-secondary)}.app-button--secondary:hover .app-button__content-wrapper{color:var(--button-text-secondary-hover)}.app-button--tertiary{background-color:var(--button-bg-tertiary)}.app-button--tertiary:hover{background-color:var(--button-bg-tertiary-hover)}.app-button--tertiary .app-button__content-wrapper{color:var(--button-text-tertiary)}.app-button--tertiary:hover .app-button__content-wrapper{color:var(--button-text-tertiary-hover)}.app-button--highlight{background-color:var(--button-bg-emphasis)}.app-button--highlight:hover{background-color:var(--button-bg-emphasis-hover)}.app-button--highlight .app-button__content-wrapper,.app-button--highlight:hover .app-button__content-wrapper{color:var(--button-text-emphasis)}.app-button:has(.app-button__icon[data-position=leading]){padding-left:24px}.app-button:has(.app-button__icon[data-position=trailing]){padding-right:24px}.app-button:not(:has(.app-button__label)){padding:16px!important}.app-button__content-wrapper:has(.app-button__icon[data-position=leading]){flex-direction:row}.app-button__content-wrapper:has(.app-button__icon[data-position=trailing]){flex-direction:row-reverse}.app-button:disabled{background-color:var(--app-bg-disabled);cursor:not-allowed}.app-button:disabled .app-button__content-wrapper{color:var(--app-text-muted)}