.attendance-button {
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-width: max-content;
  border: 1px solid #dee2e6 !important;
  border-radius: 0.375rem;
  padding: 0.5rem 0.875rem !important;
  background-color: #f5f6f7;
}

.attendance-button .attendance-label {
  color: #6c757d;
}

.attendance-button i {
  color: #ced4da;
  font-size: 1rem;
  line-height: 1;
  width: 1rem;
}

@media (hover: hover) and (pointer: fine) {
  .attendance-button:hover i,
  .attendance-button:hover .attendance-label {
    opacity: 0.7;
    cursor: pointer;
  }
}

.attendance-button.attended i,
.attendance-button.attended .attendance-label {
  color: #198754;
}

.attendance-button.attended {
  border-color: #198754 !important;
  background-color: #eaf6ee;
}


#attendeesModal .btn-close:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}