/**
 * @file
 * Powered by block specific styles.
 */

@import "../base/variables.pcss.css";

.block-system-powered-by-block {
  letter-spacing: 0.02em;
  font-size: 14px;
  line-height: var(--sp);

  & a {
    text-decoration: underline;

    &:hover,
    &:focus {
      text-decoration: none;
    }
  }

  & .drupal-logo {
    display: inline-block;
    margin-block-start: calc(-1 * var(--sp) / 4);
    margin-inline-start: calc(var(--sp) / 4);
  }

  & svg {
    width: 0.875rem; /* 14 */
    height: 1.1875rem; /* 19 */
    vertical-align: top;

    & path {
      fill: currentColor;
    }
  }
}

.site-footer .block-system-powered-by-block {
  & a {
    color: var(--color--white);
  }

  & svg path {
    fill: var(--color--white);
  }
}
