stories-slider .slider-dots button:hover p:first-child,
stories-slider .slider-dots button.active p:first-child {
  color: var(--color-primary-black);
}

stories-slider .slider-dots button {
  width: 100%;
  text-align: left;
  background-color: var(--color-primary-soft-black);
  transition: background-color 0.3s;
}

stories-slider .slider-dots button:hover {
  background-color: var(--color-primary-white);
}

stories-slider .slider-dots button.active {
  background-color: #fff;
}

stories-slider .slider-dots button.active:hover {
  background-color: #fff;
}

stories-slider .blockquote {
  font-size: 1.4rem;
}