:root{
    --w2-color1:#e6940e;
    --w2-font1:"Varela Round", sans-serif;
}

/* w2d1 - clock wrapper */
    .w2d1 {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        border: 1px solid #e1e0e0;
        padding: 8px;
        width: 250px;
        background: #fff;
        border-radius: 6px;
        z-index: 100;
    }
    /* Clock time container parent */
    .w2d2 {
        display: flex;
        justify-content: space-around;
        gap: 10px;
    }

    /* Clock time container */
    .w2d3 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
        background: white;
        align-items: center;
        padding: 5px;
        flex-direction: column;
    }

    /* Clock controls container */
    .w2d4 {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    /* inputs */
    .w2in1{
        font-family: var(--w2-font1);
        color:#333; 
        border:1px solid #ccc;
        width:45px;
        height:30px;
        text-align: center;
    }
    /* Time Control */
    .w2bt1 {
        cursor: pointer;
        padding: 4px 8px;
        border: none;
        background-color: #fff;
        color: #fff;
        border-radius: 4px;
    }
    .w2bt1::after{
        content:"";
        /* width:0;
        height:0;
        border: 10px solid var(--w2-color1);
        border-top-color: transparent;
        border-bottom-color: transparent;
        background: transparent;
        border-left:none; */
        background:url(resources/arrow.svg) no-repeat center center;
        width: 11px;
        height: 21px;
        border: 0;
        display: block;
        rotate:90deg;
    }

    .w2bt1:last-child::after{
        transform: rotate(180deg);
    }
    
    .w2bt2, .w2bt3 {
        cursor: pointer;
        padding: 5px 10px;
        border: none;
        font:bold 12px var(--w2-font1);
        color: #fff;
        border-radius: 4px;
        text-transform: uppercase;
    }
    .w2bt2{
        background-color:#999;
    }
    .w2bt3{
        background-color:var(--w2-color1);
    }