.button{position:relative;box-shadow:0 10px 20px rgba(0,0,0,.2);padding-block:1rem;padding-inline:4rem;background-color:#c71a7c;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;gap:10px;font-weight:700;border:3px solid #ffffff4d;outline:none;overflow:hidden;font-size:25px}.button,.icon{transition:all .3s ease-in-out}.icon{width:24px;height:24px}.button:hover{transform:scale(1.05);border-color:#fff9}.button:hover .icon{transform:translate(4px)}.button:hover:before{animation:shine 1.5s ease-out infinite}.button:before{content:"";position:absolute;width:100px;height:100%;background-image:linear-gradient(120deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.8),hsla(0,0%,100%,0) 70%);top:0;left:-100px;opacity:.6}@keyframes shine{0%{left:-100px}60%{left:100%}to{left:100%}}.modal{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background:#fff;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);border-radius:26px;max-width:450px}.form{display:flex;flex-direction:column;gap:20px;padding:20px}.payment--options{width:calc(100% - 40px);display:grid;grid-template-columns:33% 34% 33%;gap:20px;padding:10px}.payment--options button{height:55px;background:#f2f2f2;border-radius:11px;padding:0;border:0;outline:none}.payment--options button svg{height:18px}.payment--options button:last-child svg{height:22px}.separator{width:calc(100% - 20px);display:grid;grid-template-columns:1fr 2fr 1fr;gap:10px;color:#8b8e98;margin:0 10px}.separator>p{word-break:keep-all;display:block;text-align:center;font-weight:600;font-size:11px;margin:auto}.separator .line{display:inline-block;width:100%;height:1px;border:0;background-color:#e8e8e8;margin:auto}.credit-card-info--form{display:flex;flex-direction:column;gap:15px}.input_container{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;gap:5px}.split{display:grid;grid-template-columns:4fr 2fr;gap:15px}.split input{width:100%}.input_label{font-size:10px;color:#8b8e98;font-weight:600}.input_field{width:auto;height:40px;padding:0 0 0 16px;border-radius:9px;outline:none;background-color:#f2f2f2;border:1px solid #e5e5e500;transition:all .3s cubic-bezier(.15,.83,.66,1)}.input_field:focus{border:1px solid transparent;box-shadow:0 0 0 2px #242424;background-color:transparent}.purchase--btn{height:55px;background:#f2f2f2;border-radius:11px;border:0;outline:none;color:#fff;font-size:13px;font-weight:700;background:linear-gradient(180deg,#363636,#1b1b1b 50%,#000);box-shadow:0 0 0 0 #fff,0 0 0 0 #000;transition:all .3s cubic-bezier(.15,.83,.66,1)}.purchase--btn:hover{box-shadow:0 0 0 2px #fff,0 0 0 4px #0000003a}.input_field::-webkit-inner-spin-button,.input_field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input_field[type=number]{-moz-appearance:textfield}.more-btn{color:green;text-transform:uppercase;text-decoration:none;border:2px solid green;border-radius:10px;padding:10px 20px;font-size:17px;font-weight:700;background:transparent;position:relative;transition:all 1s;overflow:hidden}.more-btn:hover{color:#fff}.more-btn:before{content:"";position:absolute;height:100%;width:0;top:0;left:-40px;transform:skewX(45deg);background-color:green;z-index:-1;transition:all 1s}.more-btn:hover:before{width:160%}