feed.pcss.css

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

@import "../base/media-queries.pcss.css";

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

  &:hover {
    color: var(--color--primary-50);
  }

  @media (--max-nav) {
    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: 2px;
  background-color: var(--color--primary-50);

  & svg {
    vertical-align: top;
    fill: currentColor;
  }

  @media (--max-nav) {
    margin-inline: 0 var(--sp0-5);
  }
}