.HaPay{flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;width:fit-content;display:flex}.HaPay *{font-family:Open Sans,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;transition:all .3s ease-out}.HaPayButton{align-items:stretch;-webkit-box-pack:stretch;-ms-flex-pack:stretch;background:0 0;border:none;border-radius:8px;padding:0;display:flex}.HaPayButton:hover{cursor:pointer}.HaPayButton:not(:disabled):focus{box-shadow:0 0 0 .25rem #49d38a40}.HaPayButton:not(:disabled):hover .HaPayButtonLabel,.HaPayButton:not(:disabled):focus .HaPayButtonLabel{background-color:#483dbe}.HaPayButton:not(:disabled):hover .HaPayButtonLogo,.HaPayButton:not(:disabled):focus .HaPayButtonLogo,.HaPayButton:not(:disabled):hover .HaPayButtonLabel,.HaPayButton:not(:disabled):focus .HaPayButtonLabel{border:1px solid #483dbe}.HaPayButton:disabled{cursor:not-allowed}.HaPayButton:disabled .HaPayButtonLogo,.HaPayButton:disabled .HaPayButtonLabel{border:1px solid #d1d6de}.HaPayButtonLogo{object-fit:contain;background-color:#fff;border:1px solid #4c40cf;border-top-left-radius:8px;border-bottom-left-radius:8px;width:50px;height:60px;padding-left:10px;padding-right:10px}.HaPayButtonLabel{color:#fff;background-color:#4c40cf;border:1px solid #4c40cf;border-top-right-radius:8px;border-bottom-right-radius:8px;justify-content:space-between;align-items:center;column-gap:5px;padding:0 16px;font-size:16px;font-weight:800;display:flex}.HaPayButton:disabled .HaPayButtonLabel{color:#505870;background-color:#d1d6de}.HaPaySecured{color:#2e2f5e;justify-content:space-between;align-items:center;column-gap:5px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.HaPay svg{fill:currentColor}.HaPayButtonBlack{background:#000;border:1px solid #333}.HaPayButtonBlack .HaPayButtonLabel{color:#fff;background-color:#222;border:1px solid #444}.HaPayButtonBlack .HaPayButtonLogo{background-color:#000;border:1px solid #444}.HaPayButtonBlack:not(:disabled):hover .HaPayButtonLabel,.HaPayButtonBlack:not(:disabled):focus .HaPayButtonLabel{background-color:#444;border-color:#666}.HaPaySecuredBlack{color:#ccc}.HaPaySecuredBlack svg{fill:#ccc}