@import '@/sass/style.scss';

.BackToTopButton {
  width: fit-content;

  button {
    color: $dark-grayish-green;
    display: block;
    font-size: 16px;
    min-height: 36px;
    padding: 0 48px 0 0;
    position: relative;
    white-space: nowrap;
    width: 100%;

    .icon {
      align-items: center;
      background-color: $very-dark-green;
      border-radius: 50%;
      display: flex;
      height: 36px;
      justify-content: center;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 36px;

      svg {
        display: block;
        fill: $very-soft-green;
        height: auto;
        transform: rotate(180deg);
        width: 28px;
      }
    }
  }
}
