/* pysiecsocial - ikony social media w stopce. Namespace .pysiec-social*. */

.pysiec-social {
  display: flex;
  gap: 0.75rem;
}

.pysiec-social__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  background: var(--pysiec-cream, #e8dcc5);
  color: var(--pysiec-text, #1a1a18);
}

.pysiec-social__link:hover,
.pysiec-social__link:focus-visible {
  background: var(--pysiec-brand, #b08858);
  color: #fff;
}