#news-slider {
  background-color: #999999; }

.news-slider:before {
  background: linear-gradient(to right, #999999 0%, #999999 30%, transparent);
  content: "";
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  pointer-events: none;
  width: 25.15625rem;
  z-index: 2; }

.news-slide {
  font-size: 1.0625rem;
  padding: 0.1875rem 0.90625rem;
  margin: 0 0.14062rem;
  font-weight: bold;
  line-height: 1;
  text-transform: lowercase;
  position: relative;
  white-space: nowrap;
  z-index: 1; }
  .news-slide:before {
    content: "";
    display: block;
    width: 0.28125rem;
    height: 0.28125rem;
    border-radius: 50%;
    background-color: currentColor;
    position: absolute;
    top: 50%;
    transform: translate(-100%, -50%);
    left: 0; }
  .news-slide a {
    cursor: pointer; }
  .news-slide__title {
    color: inherit;
    text-decoration: none; }
    .news-slide__title:hover {
      text-decoration: underline; }