.timer{background-color:hsla(0,0%,100%,.1);display:block;margin:25px auto 0;max-width:100%;padding:10px;text-align:center;width:400px}.col-4{width:25%;float:left}.box{border-right:1px solid hsla(0,0%,100%,.2);font-weight:300;padding:10px}.col-4:last-child .box{border-right-color:transparent}.box p{font-size:calc(16px + 2vmin);margin:0}.text{font-size:14px}.timer-classic{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(92vw,680px);margin-top:26px;padding:34px 38px 28px;overflow:hidden;border:3px double #c99b50;outline:1px solid #e4c58f;outline-offset:-12px;border-radius:22px;background:#fffaf0;box-shadow:0 12px 28px rgba(83,58,22,.14),inset 0 0 24px rgba(211,169,94,.08);color:#28231b}.timer.timer-flush-top{margin-top:0}.timer-classic .timer-corner{position:absolute;width:7px;height:7px;border-radius:50%;background:#9b3540}.timer-classic .timer-corner-tl{top:21px;left:24px}.timer-classic .timer-corner-tr{top:21px;right:24px}.timer-classic .timer-corner-bl{bottom:21px;left:24px}.timer-classic .timer-corner-br{right:24px;bottom:21px}.timer-classic .timer-title{grid-column:1/-1;display:flex;align-items:center;gap:18px;margin:0 6px 14px;font-family:Georgia,Times New Roman,serif;font-size:27px;letter-spacing:0;color:#771727}.timer-classic .timer-title:after,.timer-classic .timer-title:before{height:1px;min-width:32px;flex:1;content:"";background:linear-gradient(90deg,transparent,#c99b50)}.timer-classic .timer-title:after{background:linear-gradient(90deg,#c99b50,transparent)}.timer-classic .col-4{position:relative;width:auto;float:none}.timer-classic .col-4:not(:last-child):after{position:absolute;top:50%;right:-8px;width:1px;height:62%;content:"";transform:translateY(-50%);background:#dfbd7d}.timer-classic .col-4:not(:last-child):before{position:absolute;z-index:2;top:calc(50% - 5px);right:-12px;width:9px;height:9px;content:"";transform:rotate(45deg);border:2px solid #fffaf0;background:#d4a354}.timer-classic .box{position:relative;min-height:104px;padding:12px 8px 10px;border:1px solid #e5c88f;border-radius:18px;background:rgba(255,253,247,.82);box-shadow:0 8px 18px rgba(126,87,28,.12),inset 0 0 0 5px hsla(39,70%,79%,.18)}.timer-classic .col-4:last-child .box{border-right:1px solid #e5c88f}.timer-classic .box p{font-family:Georgia,Times New Roman,serif;font-size:44px;line-height:1.1;color:#8c1730}.timer-classic .text{display:block;position:relative;margin-top:7px;padding-top:8px;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:700;text-transform:uppercase;color:#755427}.timer-classic .text:before{position:absolute;top:0;left:20%;width:60%;height:1px;content:"";background:#e1bd7c}.timer-classic .text:after{position:absolute;top:-3px;left:calc(50% - 3px);width:7px;height:7px;content:"";transform:rotate(45deg);background:#d4a354}@media (max-width:720px){.timer-classic{gap:8px;padding:30px 18px 23px;border-radius:18px}.timer-classic .box{min-height:92px;padding:11px 4px 8px}.timer-classic .box p{font-size:38px}.timer-classic .timer-title{gap:12px;margin-bottom:20px;font-size:22px}.timer-classic .text{margin-top:15px;font-size:11px}}@media (max-width:420px){.timer-classic{gap:6px;padding-inline:13px}.timer-classic .box{min-height:84px;border-radius:12px}.timer-classic .box p{font-size:34px}.timer-classic .text{font-size:9px}}