/* -----------------------------------------
   RETURN TO TOP
   /src/styles/components/return-top.scss
----------------------------------------- */
.return-top {
  z-index: 99999;
  font-size: $font-size-base;
  padding: 5px 10px 10px;
  position: fixed;
  right: -100px;
  bottom: 90px;
  visibility: hidden;
  transition: all 0.5s ease;

  
  background: var(--bs-white, $white);
  border-color: var(--bs-main, $main);
  color: var(--bs-main, $main);

  border: 1px solid;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;

  &::before {
    content: "\32"; // .ca-gov-icon-caret-up
    font-family: CaGov;
    font-weight: 900;
    padding-right: 3px;
    font-size: 1.3rem;
  }

  &:hover {
    background-color: var(--bs-gray-100, $gray-100);
    box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
  }

  &:hover,
  &:focus {
    color: var(--bs-main-darker, $main);
    border-color: var(--bs-main-darker, $main);
  }

  &.visible{
    right: 0;
  }
}