.btn-checkin{background:linear-gradient(135deg,var(--custom) 0,#f8733f 100%);transition:all .3s ease}.btn-checkin:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.15);border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.btn-checkin:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--custom-rgb),.4)}.btn-checkin:hover:before{width:300px;height:300px}.btn-checkin:active{transform:scale(.97);box-shadow:0 2px 8px rgba(var(--custom-rgb),.25)}.btn-checkout{background:linear-gradient(135deg,var(--custom-10) 0,#155884 100%);transition:all .3s ease}.btn-checkout:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(29,106,162,.35)}.btn-checkout:active{transform:scale(.97)}.btn-cc-checkin{--btn-color:var(--custom);--btn-color-rgb:var(--custom-rgb);--btn-hover:#f8733f;--btn-active:#e04f1a}.btn-cc-checkout{--btn-color:var(--custom-10);--btn-color-rgb:29,106,162;--btn-hover:#155884;--btn-active:#0f446b}.btn-cc-checkin,.btn-cc-checkout{color:#fff;border:1px solid var(--btn-color);background-color:var(--btn-color);transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.btn-cc-checkin:hover,.btn-cc-checkout:hover{color:#fff;background-color:var(--btn-hover);border-color:var(--btn-hover)}.btn-cc-checkin:active,.btn-cc-checkout:active{color:#fff!important;background-color:var(--btn-active)!important;border-color:var(--btn-active)!important;transform:scale(.95)}.btn-cc-checkin:focus,.btn-cc-checkout:focus{box-shadow:0 0 0 .2rem rgba(var(--btn-color-rgb),.25)!important}.btn-cc-checkin:disabled,.btn-cc-checkout:disabled{border-color:#ddd;background:#ddd}.cc-token-card{background:linear-gradient(135deg,var(--custom-10) 0,#155884 100%);box-shadow:0 8px 24px rgba(29,106,162,.25);border:1px solid hsla(0,0%,100%,.15);transition:all .3s ease}.cc-token-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(29,106,162,.35)}