.btn-primary__container{width:100%;display:flex;position:relative}.btn-primary__container .btn-primary__button{cursor:pointer;letter-spacing:-.26px;width:100%;height:100%;font-size:13px;line-height:20px;font-family:var(--font-primary);will-change:transform;border:none;border-radius:8px;justify-content:center;align-items:center;padding:7px 20px;font-weight:500;transition:all .3s;display:flex}.btn-primary__container .btn-primary__button:active{transform:scale(.98)}.btn-primary__container .btn-primary__button:disabled{transform:none}.btn-primary__container .btn-primary__button--black{color:var(--white);background:linear-gradient(#2e3940 0%,#1f262b 100%);box-shadow:0 0 0 1px #000,inset 0 1px .75px #ffffff1f,inset 0 -1px #10161a,0 1px 3px #0000001a}@media screen and (hover:hover){.btn-primary__container .btn-primary__button--black:hover{background:linear-gradient(#1f262b 0%,#2e3940 100%)}.btn-primary__container .btn-primary__button--black:disabled{cursor:auto;background:linear-gradient(#2e3940 0%,#1f262b 100%)}}.btn-primary__container .btn-primary__button--black:active{background:linear-gradient(#1f262b 0%,#2e3940 100%)}.btn-primary__container .btn-primary__button--black:disabled{opacity:.2;cursor:auto}.btn-primary__container .btn-primary__button--black:disabled:active{background:linear-gradient(#2e3940 0%,#1f262b 100%)}.btn-primary__container .btn-primary__button--white{color:var(--black);background:linear-gradient(#fff 0%,#f4f4f4 100%);box-shadow:0 0 0 1px #edf0f2,inset 0 1px .75px #ffffff1f,inset 0 -1px #e7e8e9,0 1px 3px #0000001a}@media screen and (hover:hover){.btn-primary__container .btn-primary__button--white:hover{background:linear-gradient(#f4f4f4 0%,#fff 100%)}.btn-primary__container .btn-primary__button--white:disabled{box-shadow:none;opacity:.2;cursor:auto;background:#d3d3d3}}.btn-primary__container .btn-primary__button--white:active{background:linear-gradient(#f4f4f4 0%,#fff 100%)}.btn-primary__container .btn-primary__button--white:disabled{box-shadow:none;opacity:.2;cursor:auto;background:#d3d3d3}.btn-primary__container .btn-primary__loading-icon{animation:1s linear infinite spin}.btn-primary__container .btn-primary__loading-icon--black path{stroke:var(--white)}.btn-primary__container .btn-primary__loading-icon--white path{stroke:var(--neutral-600)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary__container--lg{height:36px}.btn-primary__container--md{height:32px}