.form{background:white;box-shadow:0 187px 75px rgba(0,0,0,.01),0 105px 63px rgba(0,0,0,.05),0 47px 47px rgba(0,0,0,.09),0 12px 26px rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.1);width:100%;max-width:600px;display:flex;flex-direction:column;padding:20px;position:relative;border-radius:25px}.form .payer-info-title{font-size:18px;padding-bottom:20px;font-weight:700;color:#21262e;text-align:left}.form .label{position:relative;margin-bottom:10px;display:flex;align-items:center}.form .label .title{padding:0 10px;font-size:12px;color:#00bdd8;font-weight:700;position:absolute;top:-10px;left:15px;background:white;z-index:1}.form .input-field{font-size:12px;width:100%;height:50px;text-indent:15px;border-radius:15px;outline:none;background-color:white;border:1px solid #21262e;transition:all .3s;caret-color:#00bdd8;color:#0c0f14;position:relative;padding-right:40px}.form .input-field:hover{border-color:#00a5c0}.form .input-field:focus,.form .input-field:not(:placeholder-shown){border-color:#00bdd8;background-color:white}.form .input-field:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 30px white!important;-webkit-text-fill-color:#0c0f14!important}.form .error-message{color:red;font-size:12px;font-weight:700;display:block;width:100%;margin-top:2px}.form .error-message.text-center{text-align:center}.form .error-message.ml-6{margin-left:1.5rem}.form .input-error+.error-message{display:block;position:relative;margin-top:5px;left:0;width:100%}.form .error{color:red;font-size:14px;font-weight:700;text-align:center}.form .security-message{display:flex;align-items:center;justify-content:center;color:#28a745;font-size:16px;font-weight:700}.form .security-message .lock-icon{margin-right:10px;font-size:20px}.form .split{display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:15px}.form .split label{width:100%}.form .checkout-btn{padding:5px 0;border-radius:25px;font-weight:700;transition:all .3s cubic-bezier(.15,.83,.66,1);cursor:pointer;font-size:20px;font-weight:500;display:flex;align-items:center;justify-content:center;fill:#fff;color:#fff;border:2px solid transparent;background:#00bdd8;transition:all .2s}.form .checkout-btn:active{scale:.95}.form .checkout-btn:hover{color:#00bdd8;border:2px solid #00bdd8;background:transparent}.form .checkbox-title{margin-left:10px;font-size:12px;color:#00bdd8;font-weight:700}.form .label-checkbox{display:flex;align-items:center}.button-rounded{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border:0;position:relative;overflow:hidden;border-radius:1rem;transition:all .2s;font-weight:700;cursor:pointer;color:rgb(37,37,37);z-index:0;box-shadow:0 0 7px -5px rgba(0,0,0,.5)}.button-rounded:hover{background:rgb(193,228,248);color:rgb(33,0,85)}.button-rounded:active{transform:scale(.97)}.hoverEffect{position:absolute;bottom:0;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:1}.hoverEffect div{background:rgb(222,0,75);background:linear-gradient(90deg,rgba(222,0,75,1),rgba(191,70,255,1) 49%,rgba(0,212,255,1));border-radius:40rem;width:10rem;height:10rem;transition:.4s;filter:blur(20px);animation:effect 3s linear infinite;opacity:.5}.button-rounded:hover .hoverEffect div{width:8rem;height:8rem}@keyframes effect{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}