.cd-footer {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: var(--cd-padding-left);
  padding-right: var(--cd-padding-right);
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  border-top: 1px solid rgb(228 228 231);

  & .wrapper {
    display: flex;
    margin: 0 auto;
    max-width: 100rem;
  }
  & .copy {
    margin-right: auto;
    text-align: left;
    padding: 0 16px;
  }
  & .built-with {
    height: 100%;
    color: rgb(113 113 122);
    text-align: right;
  }
  & .built-with a {
    text-decoration: underline;
    cursor: pointer;
  }
  & .themeswitch {
    margin-left: 1.5rem;
    margin-right: 0;
    opacity: 0.8;
    border-radius: 1rem;
    background-color: var(--cd-color-nav-bg);
    transition: opacity 300ms ease-in-out, background 300ms ease-in-out;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  & .themeswitch:hover {
    opacity: 1;
    background-color: var(--cd-color-nav-bg-hover);
  }
  @media (max-width: 640px) {
    & .built-with,
    & .themeswitch {
      display: none;
    }
  }
}