.sharing {
  padding: 1rem 3rem;

  & a {
    text-decoration: none;
  }

  & article {
    border: 1px solid var(--medium-gray);
    border-radius: 0.25rem;
    padding: 1rem;

    & section {
      align-items: center;
      display: flex;

      & div {
        flex: 1;
      }
    }

    & h5 {
      margin: 1rem 0 0;
    }

    & code a:hover,
    & code a:active,
    & code a:focus {
      color: var(--scampi-700);
    }

    & .clipboard svg.fa-circle-check {
      right: 0;
      top: 0;
    }
  }

  & article + article {
    margin-top: 1rem;
  }
}

.dark-mode .sharing {
  & article {
    border-color: var(--gray-600);
  }
}