.btn-primary__container{width:100%;display:flex;position:relative}.btn-primary__container .btn-primary__button{cursor:pointer;width:100%;height:100%;font-size:14px;line-height:20px;font-family:var(--font-primary);will-change:transform;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px 16px;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__link{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.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 2px .75px #ffffff1f,inset 0 -2px #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:var(--white)}@media screen and (hover:hover){.btn-primary__container .btn-primary__button--white:hover{background:#fffc}.btn-primary__container .btn-primary__button--white:disabled{background:var(--white);cursor:auto}}.btn-primary__container .btn-primary__button--white:active{background:#fffc}.btn-primary__container .btn-primary__button--white:disabled{background:var(--white);cursor:auto}.btn-primary__container .btn-primary__button--transparent{color:var(--white);-webkit-backdrop-filter:blur(25px);background:#ffffff1a}@media screen and (hover:hover){.btn-primary__container .btn-primary__button--transparent:hover{background:#fff3}.btn-primary__container .btn-primary__button--transparent:disabled{cursor:auto;background:#ffffff1a}}.btn-primary__container .btn-primary__button--transparent:active{background:#fff3}.btn-primary__container .btn-primary__button--transparent:disabled{cursor:auto;background:#ffffff1a}.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:40px}.btn-primary__container--md{height:36px}