/* ====== TIMER ====== */
.disc-wrap{
  display:flex;
  justify-content:center;
  margin-bottom:8px;
}
.disc-wrap svg{
  width:190px; height:190px;
  display:block;
}

.time{
  text-align:center;
  font-size:22px;
  font-weight:700;
  color:#fff;
  letter-spacing:1px;
  margin-bottom:12px;
  cursor:pointer;
}

.controls{
  display:flex;
  gap:10px;
  margin-bottom:16px;
}
.btn{
  flex:1;
  text-align:center;
  padding:11px 0;
  border-radius:8px;
  font-size:12px;
  font-weight:600;
  letter-spacing:1px;
  cursor:pointer;
  user-select:none;
}
.btn-primary{
  background:var(--orange-btn);
  color:#3a1c08;
}
.btn-ghost{
  border:1px solid #5c7079;
  color:#aeb9bf;
  font-weight:500;
}
.btn:active{transform:translateY(1px);}