.countdown-container{position:relative;display:flex;align-items:center;width:100%;gap:12px}.is-layout-two .countdown-card{flex-grow:1;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:none;background-color:var(--op-clr-block-primary);color:var(--op-clr-white,#fff);font-weight:700;border-radius:12px}.is-layout-two .number{font-weight:400;margin-bottom:5px;font-weight:inherit}.is-layout-two .label{font-size:16px;text-transform:uppercase;letter-spacing:2px;font-weight:inherit}.is-layout-two .separator{font-size:48px;opacity:.8;color:var(--op-clr-block-primary);font-weight:inherit}.is-layout-one .countdown-card{position:relative;background-color:#fff;border-radius:20px;width:80%;height:80%;display:flex;justify-content:center;align-items:center;z-index:1;margin:10%;box-shadow:0 4px 8px rgba(0,0,0,.2)}.is-layout-one .number{font-size:120px;color:var(--op-clr-block-primary);font-weight:700;z-index:2}.is-layout-one .label-top{position:absolute;top:10px;left:10px;background-color:var(--op-clr-block-primary);color:#fff;padding:5px 15px;border-radius:10px;font-size:18px;font-weight:700;z-index:2}.is-layout-one .label-bottom{position:absolute;bottom:10px;right:10px;background-color:#ff69b4;color:#fff;padding:5px 15px;border-radius:10px;font-size:18px;font-weight:700;z-index:2}.is-layout-three .countdown-container{position:relative;width:400px;height:500px;text-align:center;overflow:hidden}.is-layout-three .background-shapes{position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 500"><path d="M0 50 Q 100 0 200 50 T 400 50 V 500 H 0 Z M 0 150 Q 100 100 200 150 T 400 150 V 500 H 0 Z" fill="none" stroke="%23d9b9c3" stroke-width="2"/></svg>') no-repeat;background-size:cover;z-index:0}.is-layout-three .decoration{position:absolute;width:20px;height:20px;background-color:#ff69b4;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);z-index:1}.is-layout-three .diamond.top-left{top:20px;left:20px}.is-layout-three .diamond.top-right{top:20px;right:20px}.is-layout-three .diamond.bottom-left{bottom:20px;left:20px}.is-layout-three .diamond.bottom-right{bottom:20px;right:20px}.is-layout-three .title{position:relative;font-size:32px;color:#4a2c40;font-weight:700;margin-bottom:20px;z-index:2}.is-layout-three .card{position:relative;background-color:#fff;border-radius:20px;width:80%;height:40%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;z-index:2;box-shadow:0 4px 8px rgba(0,0,0,.1)}.is-layout-three .label-top{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background-color:#4a2c40;color:#fff;padding:5px 15px;border-radius:10px;font-size:18px;font-weight:700;z-index:3}.is-layout-three .number{font-size:100px;color:#4a2c40;font-weight:700;z-index:3}.is-layout-three .label-bottom{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);background-color:#ff69b4;color:#fff;padding:5px 15px;border-radius:10px;font-size:18px;font-weight:700;z-index:3}.is-layout-three .preorder-button{position:relative;margin-top:20px;background-color:#d4a59a;color:#fff;border:none;padding:10px 20px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;z-index:2;transition:background-color .3s}.is-layout-three .preorder-button:hover{background-color:#c68f82}   { padding: 12px; }  .countdown-card { padding: 8px; }  .separator { margin-block: 0; margin-inline: 8px; }  .number { font-size:24px; }