.promocode-container{display:flex;flex-direction:column;align-items:stretch}.promocode-row{display:flex;align-items:center;background-color:#F5F5F5;border-radius:10px;padding:10px;transition:box-shadow 0.3s ease-in-out;margin-bottom:10px;flex-wrap:wrap}.promocode-value{width:23%;flex-shrink:0;font-size:2em;text-align:center;padding-right:10px;font-weight:700}.promocode-value span{font-size:12px;display:block;font-weight:400}.promocode-value p{font-size:12px;display:block;font-weight:400}.promocode-info{width:47%;flex-grow:1;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px}.promocode-info h3{font-size:18px;margin-top:1.4em;margin-bottom:.6em;line-height:1.3}.promocode-info p{font-size:14px}.promocode-info span{font-size:12px;display:block}.promocode-button{width:30%;flex-shrink:0;text-align:center;display:flex;justify-content:center;align-items:center}.promocode-button button{width:100%}.promocode-row:hover{box-shadow:0 0 10px rgb(0 0 0 / .3)}.promocode-button span{display:block}.all-btn-grey{background-color:#f5f5f5;border:1px solid #cacdce;color:#000;text-decoration:none;cursor:pointer;padding:5px 10px;border-radius:10px}.btn-code{position:relative;background:none;border:none;box-shadow:none;padding:22px}.btn-code.btn--code-animation:before{animation:code-animation .5s ease-in-out}.btn-code.btn--code-animation:after{animation:code-animation-after .5s ease-in-out}.btn-code:before{width:85%;height:100%;left:0;border-top-left-radius:30px;border-bottom-left-radius:30px;transition:width .2s ease-out,background-color .2s,color .2s;background-color:var(--button-bg-color,#f74244)}.btn-code:after,.btn-code:before{content:"";position:absolute;top:0;z-index:5}.btn-code:after{left:85%;width:0;height:0;transform:rotate(17deg);transition:left .2s ease-out,border-color .2s;transform-origin:top left;display:block;border-left:35px solid var(--button-code-bg-color,#ff7a7c);border-bottom:0 solid #fff0;border-right:0 solid #fff0;border-top:48px solid #fff0}.btn-code:focus,.btn-code:hover{background:none;border:none;outline:none}.btn-code:focus:before,.btn-code:hover:before{background-color:var(--button-hover-bg-color,#ff7a7c);width:80%}.btn-code:focus:after,.btn-code:hover:after{left:80%;border-left-color:var(--button-hover-code-bg-color,#fb797b);border-bottom-color:#fff0;border-right-color:#fff0;border-top-color:#fff0}.btn-code.btn--color_4:after,.btn-code.btn--color_4:before,.btn-code.btn--color_5:after,.btn-code.btn--color_5:before{content:none}.btn-code>.btn__label{width:100%;position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-code>.btn__code{background-color:initial;border:1px solid #cacdce;position:absolute;top:0;left:0;text-align:right;padding:0 calc(15% - 24px) 0 16px;width:100%;height:100%;line-height:45px;z-index:0;color:#181a1b;border-radius:30px;font-size:1rem;font-weight:600;letter-spacing:-.01em}@keyframes code-animation-after{0%{left:85%}25%{left:80%}50%{left:85%}75%{left:80%}to{left:85%}}@keyframes code-animation{0%{width:85%;background-color:var(--button-bg-color,#f74244)}25%{width:80%;background-color:var(--button-hover-code-bg-color,#fb797b)}50%{width:85%;background-color:var(--button-bg-color,#f74244)}75%{width:80%;background-color:var(--button-hover-code-bg-color,#fb797b)}to{width:85%;background-color:var(--button-bg-color,#f74244)}}@media (max-width:768px){.promocode-button{width:100%}}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .7)}.modal-content{background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;width:calc(100% - 32px);max-width:600px;max-height:calc(var(--app-height)*0.95);overflow-y:auto;border-radius:10px}.modal-content h3{margin-top:.1em;margin-bottom:.6em;line-height:1.3;font-size:28px}.howtouse{display:flex;justify-content:center;align-items:center;height:100%;padding-top:5px;color:#333}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}#codeContainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px dashed #d30b17;border-radius:10px;padding:10px;margin:0 auto;max-width:fit-content}#codeInput{text-align:center;box-sizing:border-box;margin-bottom:0;border:none;font-weight:700;background:#fff}#copyButton{flex-shrink:0;background-color:#fc5355;border:1px solid #d30b17;color:#fff;text-decoration:none;cursor:pointer;padding:5px 10px;border-radius:10px}