.circle-button {
  position: fixed;
  z-index: 3;
  bottom: 30px;
  right: 90px;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background: var(--green);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--white);
  cursor: pointer;
  transition: all ease-in-out .5s;
}

.circle-button.passive{
    transition: all ease-in-out .5s;
    bottom: -168px;
}
.circle-text {
  position: absolute;
  width: 100%;
  height: 100%;
}
.circle-button textPath{
    font-size: var(--font-16);
    line-height: var(--font-20);
    font-weight: 600;
}
.center-icon {
    background-color: var(--white);
    width: 84px;
    height: 84px;
    display: grid;
    place-items: center;
    z-index: 1;
    border-radius: 50%;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.circle-text {
  animation: spin 10s linear infinite;
}


@media (max-width: 768px){
    .circle-button{
        display: none;
    }
}