/* Design Scuole Italia — child "Formigine 2" · f2-readaloud.css
 * Bottone "Ascolta la pagina". Stile canonico DSI: btn-outline blu istituto, raggio 4px.
 */
.f2ra {
  display: inline-flex;
  gap: .5rem;
  margin: 1.1rem 0 .2rem;
  flex-wrap: wrap;
}
.f2ra-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: inherit;
  font-size: .92rem;
  font-weight: 600;
  color: #0000f5;
  background: #fff;
  border: 1px solid #0000f5;
  border-radius: 4px;
  padding: .5rem .95rem;
  cursor: pointer;
  transition: background-color .15s ease-in-out, color .15s ease-in-out;
}
.f2ra-btn:hover,
.f2ra-btn:focus-visible {
  background: #0000f5;
  color: #fff;
  outline: 0;
}
.f2ra-btn:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0000f5; }
.f2ra-btn.f2ra-on { background: #0000f5; color: #fff; }
.f2ra-ic { width: 20px; height: 20px; fill: currentColor; flex: 0 0 auto; }
.f2ra-stop { color: #5c6f82; border-color: #d9dadb; }
.f2ra-stop:hover,
.f2ra-stop:focus-visible { background: #5c6f82; color: #fff; border-color: #5c6f82; }