.btn{display:inline-flex;align-items:center;justify-content:center;transition:all .2s;font-weight:600;height:44px;padding:13px 24px 12px;border-radius:22px;cursor:pointer;text-transform:uppercase}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tw-ring-color,var(--color-primary)),0 0 0 4px rgba(0,0,0,.1)}.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:active,.btn-primary:hover{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:active,.btn-secondary:hover{background-color:var(--color-secondary-dark)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background-color:initial}.btn-outline:focus-visible{--tw-ring-color:var(--color-primary)}.btn-outline:active,.btn-outline:hover{background-color:var(--color-primary-light)}.btn-ghost{color:var(--color-primary);background-color:initial}.btn-ghost:focus-visible{--tw-ring-color:var(--color-primary)}.btn-ghost:active,.btn-ghost:hover{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:active,.btn-danger:hover{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:active,.btn-primary-reverse:hover{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:active,.btn-secondary-reverse:hover{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-white-reverse{background-color:var(--color-gray-800);color:var(--color-white);border:2px solid var(--color-white)}.btn-white-reverse:focus-visible{--tw-ring-color:var(--color-white)}.btn-white-reverse:hover{background-color:var(--color-gray-700)}.btn-white-reverse:active{background-color:var(--color-gray-600)}.btn-white-outline{border:2px solid var(--color-white);color:var(--color-white);background-color:initial}.btn-white-outline:focus-visible{--tw-ring-color:var(--color-white)}.btn-white-outline:hover{background-color:var(--color-white)}.btn-white-outline:active,.btn-white-outline:hover{color:var(--color-gray-800);border-color:var(--color-gray-200)}.btn-white-outline:active{background-color:var(--color-gray-100)}.btn-gabung-binus{background-color:var(--color-secondary);color:var(--color-white);padding-left:0!important;gap:12px}.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{background-color:initial;border:none;color:inherit}.btn-transparent:focus-visible{--tw-ring-color:transparent}.btn-transparent:active,.btn-transparent:hover{background-color:initial}.btn-xs{height:24px;padding:4px 12px;border-radius:12px;font-size:var(--text-10)}.btn-sm{height:32px;padding:8px 16px;border-radius:16px;font-size:var(--text-12)}.btn-md{font-size:var(--text-14)}.btn-lg,.btn-md{height:44px;padding:13px 24px 12px;border-radius:22px}.btn-lg{font-size:var(--text-16)}.btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn__icon>*{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.btn__icon--left{margin-right:0}.btn__icon--right{margin-left:0}.btn__separator{display:inline-block;width:1px;height:60%;background-color:currentColor;opacity:.3;margin-left:12px;margin-right:12px}.btn-xs .btn__separator{height:40%;margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.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{width:44px;height:44px;padding:0;border-radius:50%;aspect-ratio:1}.btn-sm.btn-circle{width:32px;height:32px}.btn-xs.btn-circle{width:24px;height:24px}.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}