/* ANCHOR: feed_button_styles */
/* REUSED: Feed button widget specific styles extracted from components.css */
/* SCALED FOR: Modular CSS architecture with component isolation */

/* ANCHOR: feed_button */
.feed-button {
  width: 60px;
  height: 60px;
}

.feed-button-container {
  width: 100%;
  height: 100%;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--widget-shadow-default);
  /* CRITICAL: Shadow transitions moved to shared styles/components.css */
}

/* CRITICAL: Shadow states moved to shared styles/components.css for reusability */

/* CRITICAL: NO CSS hover - JS handles all interactions */

.feed-icon {
  width: 24px;
  height: 24px;
  fill: white;
}