.loader{width:30px;height:30px;border:4px solid rgba(44,44,44,.3);animation:effect 1s linear infinite;width:var(--size,30px);height:var(--size,30px);border-radius:50%;border:2px solid rgba(44,44,44,.3);border-top-color:#fff}@keyframes effect{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn{position:relative}.btn .loader{position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;width:40px;height:40px;border:5px solid rgba(44,44,44,.3);border-top-color:#fff}.credit-card{margin-top:1rem;margin-bottom:1rem;border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:1rem;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background:#fff}