.component-button>button{border:1px solid #1278bb;background-color:#1278bb;padding:10px 18px;color:#fff;font-size:14px;font-weight:600;line-height:24px;white-space:nowrap;border-radius:16px;transition:all .2s;display:inline-flex;gap:10px;justify-content:center;align-items:center;opacity:1;transition:all .25s;cursor:pointer}.component-button>button.secondary{color:#101828;border:1px solid #cdd5df;background-color:#cdd5df}.component-button>button.secondary:hover{color:#fff;background-color:#667085}.component-button>button.full{width:100%}.component-button>button.hidden{opacity:0;visibility:hidden}.component-button>button.no-display{display:none}.component-button>button.disabled,.component-button>button.disabled:hover{cursor:auto;background-color:#41a0df;border-color:#41a0df;color:#e3e8ef}.component-button>button.loading{background-color:#0e5482;cursor:wait}.component-button>button:hover{background-color:#0e5482}.component-button>button .component-loading-spinner{width:20px;height:20px}