.calendar-view-switch {
  display: flex;
  gap: 8px;
  padding: 8px;
  margin-bottom: 18px;
  width: max-content;
  max-width: 100%;
  background: #e9eee3;
  border: 1px solid var(--line);
  border-radius: 10px;
}
.calendar-view-switch .button { min-width: 145px; }
.calendar-view-switch .primary { box-shadow: 0 2px 8px rgba(31,61,41,.16); }
@media (max-width: 620px) {
  .calendar-view-switch { width: 100%; }
  .calendar-view-switch .button { min-width: 0; flex: 1; }
}