@postnord/web-components/collection/components/navigation/pn-page-nav/item/pn-page-nav-item.css

PostNord Web Components

/* Global utility variables */
/* Input styles */
/* Transition variables */
pn-page-nav-item {
  position: relative;
  color: #ffffff;
  margin-right: 0.5em;
  z-index: 2;
  white-space: nowrap;
  scroll-snap-align: center;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
}
pn-page-nav-item a {
  text-decoration: none;
  color: #ffffff;
  height: 100%;
  width: 100%;
  padding: 0.5em;
  font-weight: 500;
  border-radius: 3em;
  border: 0.0625em solid transparent;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  outline: none;
  transition: box-shadow 0.15s;
}
pn-page-nav-item a:focus {
  box-shadow: 0 0 0 0.1em #d3cecb;
}
pn-page-nav-item a > pn-icon {
  margin-right: 0.5em;
}
pn-page-nav-item:last-of-type {
  margin-right: 0;
}