/* Container Main ControllerContainerMain.css */

/* =========================================
   READER CONTROLS
========================================= */
.reader-controls {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;

  margin: 24px 0 32px;
  padding-left: 4px;
}

.reader-controls button {
  width: 44px;
  height: 44px;

  padding: 0;

  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.14);

  background: #f4f4f4;
  color: #111827;

  font-size: 0.95rem;
  font-weight: 500;

  box-shadow: none;

  cursor: pointer;
}

.reader-controls button:hover {
  background: #ffffff;
  border-color: rgba(0,0,0,0.22);
}

@media (max-width: 600px) {
  .reader-controls {
    margin: 22px 0 34px;
    padding-left: 2px;
  }

  .reader-controls button {
    width: 42px;
    height: 42px;
    font-size: 0.9rem;
  }
}