.attendance-options{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;padding:10px}@media (min-width:768px){.attendance-options{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}}.attendance-label{width:100%;-ms-flex-pack:center;justify-content:center;padding:12px 15px}@media (min-width:768px){.attendance-label{width:auto}}.attendance-radio{display:none}.attendance-text{margin-right:5px;font-weight:700}.attendance-label:hover{background-color:#f0f0f0}.attendance-radio:checked+.attendance-text.present{color:#4caf50}.attendance-radio:checked+.attendance-text.absent{color:#f44336}.attendance-btn{padding:8px 16px;border:2px solid #ccc;background-color:#fff;color:#333;cursor:pointer;border-radius:20px;transition:all .3s;font-weight:700}.attendance-btn:hover{background-color:#f0f0f0}.attendance-btn.active{border-color:#4caf50;background-color:#4caf50;color:#fff}.attendance-btn:last-child.active{border-color:#f44336;background-color:#f44336}.attendance-actions{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;padding:0 15px}@media (min-width:768px){.attendance-actions{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}}.attendance-actions .attendance-confirm-btn{width:100%;margin:5px 0;padding:15px 20px;background-color:#cea949;color:#fff;border:none;border-radius:5px;font-weight:700;transition:all .3s}.attendance-actions .attendance-confirm-btn:hover:not(:disabled){background-color:#0056b3}.attendance-actions .attendance-confirm-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (min-width:768px){.attendance-actions .attendance-confirm-btn{width:auto;margin:.5rem}}