.button{display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--color-default-white);border-radius:8px;border:none;padding:var(--padding-top-bottom-10px) var(--padding-left-right-20px);gap:10px;font-weight:600;cursor:pointer;transition:background-color .1s ease,color .1s ease,opacity .1s ease,transform .1s ease}.fill{background-color:var(--color-brand-primary)}.fill:hover:not(:disabled){background-color:var(--color-brand-hover)}.fill:disabled{background-color:var(--color-brand-disabled);color:var(--color-text-disabled);cursor:default}.transparent{background-color:transparent;font-size:16px}.transparent:hover{color:var(--color-brand-primary-light);text-decoration-line:underline}.transparent:disabled{color:var(--color-text-disabled)}.outline{background-color:var(--color-default-white);color:var(--color-brand-primary);border:2px solid var(--color-brand-primary);height:100%}.outline:hover:not(:disabled){background-color:var(--color-brand-primary-light)}.outline:disabled{border:2px solid var(--color-text-disabled);color:var(--color-text-disabled);cursor:default}.outlineNoHover{background-color:var(--color-default-white);color:var(--color-brand-primary);border:2px solid var(--color-brand-primary);cursor:default;width:100%;height:100%}.light{background-color:var(--color-tag-background);color:var(--color-brand-primary);height:100%}.light:disabled{cursor:default;background-color:var(--color-brand-disabled);color:var(--color-text-disabled)}.light:disabled:hover{background-color:var(--color-brand-disabled)}.icon{padding:0;border:none;background-color:transparent}.icon:hover{background-color:var(--color-tag-background);cursor:pointer}