/* Back to top button */
cagov-back-to-top {
  .back-to-top {
    position: fixed;
    z-index: 99999;
    right: -100px;
    font-size: var(--font-size-2, 1.125rem);
    padding: 10px 10px 10px 10px;
    bottom: 50px;
    opacity: 0;
    visibility: hidden;
    color: var(--primary-700, #004abc);
    border: 1px solid var(--primary-700, #004abc);
    border-radius: 5px 0px 0px 5px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.5s ease;
    background-color: #fff;
    @media (max-width: 767px) {
      font-size: var(--font-size-1, 1rem);
      padding: 8px 8px 8px 8px;
    }
    &:hover {
      color: var(--primary-900, #003484);
      border: 1px solid var(--primary-900, #003484);
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
      svg path {
        fill: var(--primary-900, #003484);
      }
    }

    &:focus {
      outline: 2px solid var(--accent2-500, #ac8227);
    }
    svg {
      width: 16px;
      position: relative;
      top: 3px;
      path {
        fill: var(--primary-700, #004abc);
      }
    }
    // Styles for visible button
    &.is-visible {
      opacity: 1;
      visibility: visible;
      display: inline;
      right: 0;
    }
  }
}
