.credit-card-box{width:100%;height:200px;display:block}.credit-card-box.hover .flip,.credit-card-box:hover .flip{transform:rotateY(180deg)}.credit-card-box .back,.credit-card-box .front{width:100%;height:200px;border-radius:15px;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,var(--secondary-color),var(--secondary-color));color:#fff;top:0;left:0;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 1px 6px rgba(0,0,0,.3)}.credit-card-box .back::before,.credit-card-box .front::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;opacity:.05}.credit-card-box .flip{transition:.6s;transform-style:preserve-3d;position:relative}.credit-card-box .logo{position:absolute;top:9px;right:20px;width:60px}.credit-card-box .logo svg{width:100%;height:auto;fill:#fff}.credit-card-box .front{z-index:2;transform:rotateY(0)}.credit-card-box .back{transform:rotateY(180deg);position:absolute}.credit-card-box .back .logo{top:185px}.credit-card-box .chip{position:absolute;width:60px;height:45px;top:20px;left:20px;background:linear-gradient(135deg,#ddccf0 0,#d1e9f5 44%,#f8ece7 100%);border-radius:8px}.credit-card-box .chip::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border:4px solid rgba(128,128,128,.1);width:80%;height:70%;border-radius:5px}.credit-card-box .strip{background:linear-gradient(135deg,#404040,#1a1a1a);position:absolute;width:100%;height:50px;top:30px;left:0}.credit-card-box .number{position:absolute;margin:0 auto;top:90px;left:19px;font-size:22px}.credit-card-box label{font-size:10px;letter-spacing:1px;text-shadow:none;text-transform:uppercase;font-weight:400;opacity:.5;display:block;margin-bottom:3px}.credit-card-box .card-expiration-date,.credit-card-box .card-holder{position:absolute;margin:0 auto;top:140px;left:19px;font-size:18px;text-transform:uppercase}.credit-card-box .card-expiration-date{text-align:right;left:auto;right:20px}.credit-card-box .ccv{height:36px;background:#fff;width:91%;border-radius:5px;top:110px;left:0;right:0;position:absolute;margin:0 auto;color:#000;text-align:right;padding:10px}.credit-card-box .ccv label{margin:-25px 0 14px;color:#fff}.the-most{position:fixed;z-index:1;bottom:0;left:0;width:50vw;max-width:200px;padding:10px}.the-most img{max-width:100%}