/**
 * @file
 * RSS feed.
 */

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */

.feed-icon {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--color-text-neutral-soft);
}

.feed-icon:hover {
    color: var(--color--primary-50);
  }

@media (--max-nav) {

.feed-icon {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
  }

.feed-icon__label {
  flex-shrink: 0;
  letter-spacing: 0.08em;
  font-size: var(--font-size-xxs);
  font-weight: 600;
}

.feed-icon__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--sp1-5);
  height: var(--sp1-5);
  margin-inline-start: var(--sp0-5);
  color: var(--color--white);
  border-radius: var(--border-radius-sm);
  background-color: var(--color--primary-50);
}

.feed-icon__icon svg {
    vertical-align: top;
    fill: currentColor;
  }

@media (--max-nav) {

.feed-icon__icon {
    margin-inline: 0 var(--sp0-5);
}
  }