/* Footer agency logo and interaction states. Created 2026-10-22. */
.epigra-logo {
  display: inline-block;
  position: relative;
  float: right;
  width: 24px;
  height: 24px;
  margin-top: 15px;

  & .epigra-logo-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  & .epigra-logo-hover {
    opacity: 0;
  }

  &:is(:hover, :focus-visible) {
    & .epigra-logo-image {
      opacity: 0;
    }

    & .epigra-logo-hover {
      opacity: 1;
    }
  }
}