.pulse__week {
  border-radius: var(--op-radius-large);
  transition: opacity 0.3s ease-in-out;
  padding: var(--op-space-2x-small);
  background: var(--op-color-neutral-plus-eight);
  box-shadow: var(--op-border-all) var(--op-color-neutral-plus-six);
  width: 100%;
}

.pulse__row {
  width: 100%;
  display: grid;
  align-items: center;
  gap: var(--op-space-2x-small);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  cursor: pointer;
}

.pulse__week-label {
  display: flex;
  justify-content: center;
  font-size: var(--op-font-2x-small);
  color: var(--op-color-neutral-on-plus-max-alt);
  padding-top: var(--op-space-2x-small);
}

.pulse__month {
  flex-grow: 1;
  display: grid;
  gap: var(--op-space-2x-small);
}

.pulse--enabled {
  opacity: 1;
}

.pulse__header {
  display: flex;
  justify-content: center;
  color: var(--op-color-neutral-on-plus-max-alt);
  font-size: var(--op-font-small);
  padding-block: var(--op-space-x-small);
}

.pulse__item {
  display: flex;
  align-items: center;
  justify-self: center;
  justify-content: center;
  gap: var(--op-space-3x-small);
  border-radius: var(--op-radius-medium);
  padding: var(--op-space-x-small) var(--op-space-x-small);
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: "Pacifico", cursive;
  font-size: var(--op-font-x-large);
  color: inherit;
  width: 100%;
  background: var(--op-color-neutral-plus-seven);
}

.pulse__item--1 {
  background: var(--op-color-alerts-danger-plus-eight);
  box-shadow: var(--op-border-all) var(--op-color-alerts-danger-plus-six);
  color: var(--op-color-alerts-danger-minus-four);
  &:hover {
    background: var(--op-color-alerts-danger-plus-six);
  }
}
.pulse__item--2 {
  background: var(--op-color-alerts-warning-plus-eight);
  box-shadow: var(--op-border-all) var(--op-color-alerts-warning-plus-four);
  color: var(--op-color-alerts-warning-minus-five);
  &:hover {
    background: var(--op-color-alerts-warning-plus-six);
  }
}
.pulse__item--3 {
  background: var(--op-color-neutral-plus-seven);
  box-shadow: var(--op-border-all) var(--op-color-alerts-neutral-plus-three);
  &:hover {

  }background: var(--op-color-neutral-plus-six);
}
.pulse__item--4 {
  background: var(--op-color-alerts-notice-plus-eight);
  box-shadow: var(--op-border-all) var(--op-color-alerts-info-plus-five);
  color: var(--op-color-alerts-notice-minus-one);
  &:hover {
    background: var(--op-color-alerts-notice-plus-six);
  }
}
.pulse__item--5 {
  background: var(--op-color-alerts-notice-plus-six);
  box-shadow: var(--op-border-all) var(--op-color-alerts-notice-plus-three);
  color: var(--op-color-alerts-notice-minus-five);
  &:hover {
    background: var(--op-color-alerts-notice-plus-six);
  }
}
.pulse__item-- {
  &:hover {
    background: var(--op-color-neutral-plus-six);
  }
}