.btn{cursor:pointer;border-radius:22px;justify-content:center;align-items:center;height:44px;padding:13px 24px 12px;font-weight:600;transition:all .2s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--tw-ring-color,var(--color-primary)),0 0 0 4px #0000001a;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:focus-visible{--tw-ring-color:var(--color-primary)}.btn-primary:hover,.btn-primary:active{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:focus-visible{--tw-ring-color:var(--color-secondary)}.btn-secondary:hover,.btn-secondary:active{background-color:var(--color-secondary-dark)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background-color:#0000}.btn-outline:focus-visible{--tw-ring-color:var(--color-primary)}.btn-outline:hover,.btn-outline:active{background-color:var(--color-primary-light)}.btn-ghost{color:var(--color-primary);background-color:#0000}.btn-ghost:focus-visible{--tw-ring-color:var(--color-primary)}.btn-ghost:hover,.btn-ghost:active{background-color:var(--color-primary-light)}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-danger:focus-visible{--tw-ring-color:var(--color-danger)}.btn-danger:hover,.btn-danger:active{background-color:var(--color-danger-dark)}.btn-primary-reverse{background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-primary-reverse:focus-visible{--tw-ring-color:var(--color-primary)}.btn-primary-reverse:hover,.btn-primary-reverse:active{background-color:var(--color-primary-light)}.btn-secondary-reverse{background-color:var(--color-white);color:var(--color-secondary);border:2px solid var(--color-secondary)}.btn-secondary-reverse:focus-visible{--tw-ring-color:var(--color-secondary)}.btn-secondary-reverse:hover,.btn-secondary-reverse:active{background-color:var(--color-secondary-light)}.btn-grey{background-color:var(--color-gray-500);color:var(--color-white)}.btn-grey:focus-visible{--tw-ring-color:var(--color-gray-500)}.btn-grey:hover{background-color:var(--color-gray-600)}.btn-grey:active{background-color:var(--color-gray-700)}.btn-grey-reverse{background-color:var(--color-white);color:var(--color-gray-600);border:2px solid var(--color-gray-400)}.btn-grey-reverse:focus-visible{--tw-ring-color:var(--color-gray-500)}.btn-grey-reverse:hover{background-color:var(--color-gray-50)}.btn-grey-reverse:active{background-color:var(--color-gray-100)}.btn-white{background-color:var(--color-white);color:var(--color-gray-800);border:1px solid var(--color-gray-200)}.btn-white:focus-visible{--tw-ring-color:var(--color-gray-400)}.btn-white:hover{background-color:var(--color-gray-50)}.btn-white:active{background-color:var(--color-gray-100)}.btn-gabung-binus{background-color:var(--color-secondary);color:var(--color-white);gap:12px;padding-left:0!important}.btn-gabung-binus:focus-visible{--tw-ring-color:var(--color-secondary)}.btn-gabung-binus:hover{background-color:var(--color-secondary-dark)}.btn-gabung-binus .btn__icon--left{max-width:70px}.btn-gabung-binus:active{background-color:var(--color-secondary-dark)}.btn-transparent{color:inherit;background-color:#0000;border:none}.btn-transparent:focus-visible{--tw-ring-color:transparent}.btn-transparent:hover,.btn-transparent:active{background-color:#0000}.btn-sm{height:32px;font-size:var(--text-12);border-radius:16px;padding:8px 16px}.btn-md{height:44px;font-size:var(--text-14);border-radius:22px;padding:13px 24px 12px}.btn-lg{height:44px;font-size:var(--text-16);border-radius:22px;padding:13px 24px 12px}.btn__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn__icon>*{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.btn__icon--left{margin-right:0}.btn__icon--right{margin-left:0}.btn__separator{opacity:.3;background-color:currentColor;width:1px;height:60%;margin-left:12px;margin-right:12px;display:inline-block}.btn-sm .btn__separator{height:50%;margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.btn-md .btn__separator{height:60%;margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.btn-lg .btn__separator{height:65%;margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.btn-circle{aspect-ratio:1;border-radius:50%;width:44px;height:44px;padding:0}.btn-sm.btn-circle{width:32px;height:32px}.btn-circle .btn__icon{margin:0}.btn-block{width:100%}.btn-block.btn-block--with-left-icon{justify-content:flex-start}.btn-block.btn-block--with-right-icon{justify-content:flex-end}