.front-clock{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:17px 20px;margin:14px 0;border:1px solid #65518d;border-radius:14px;background:#241d38;color:#fff}.front-clock-title{display:flex;flex-direction:column;gap:5px}.front-clock-title strong{font-size:17px}.front-clock-title span{font-size:14px;color:#e0d5f2}.front-clock-actions{display:flex;gap:10px}.front-clock-actions button{min-height:46px;min-width:145px;border-radius:9px;padding:11px 17px;background:#7450b8;color:white;border:1px solid #ad92e3;font-weight:700}.front-clock-actions #front-clock-out{background:#8d3a4c;border-color:#d98b9d}.front-clock-actions button[hidden]{display:none!important}@media(max-width:600px){.front-clock{align-items:stretch}.front-clock-actions,.front-clock-actions button{width:100%}}