.app-button{position:relative;display:inline-flex;align-items:center;width:100%;justify-content:center;height:44px;border:none;background:transparent;cursor:pointer;text-decoration:none;padding:0 10px}.app-button__bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;display:block;transition:opacity .25s ease}.app-button__bg--hover{opacity:0}.app-button__text{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-headings);font-weight:300;font-style:normal;font-size:21px;line-height:1;white-space:nowrap;transition:color .25s ease}.app-button__text .app-button__icon{transition:filter .25s ease}.app-button__icon{width:20px;height:20px;display:block;flex-shrink:0}.app-button--white .app-button__text{color:#000}.app-button--black .app-button__text{color:var(--c-cream)}.app-button--black .app-button__text .app-button__icon{filter:brightness(0) invert(1)}.app-button--disabled{opacity:.3;pointer-events:none}.app-button--action{display:inline-block;width:auto;height:auto;padding:0;background:transparent;border:none;cursor:pointer;line-height:0}