/*--------------------------------------------------------------
To top button 
--------------------------------------------------------------*/

.top-button {
  right: 5%;
  bottom: 30px;
  opacity: 0;
  transition: opacity 1s;

  &.visible {
    opacity: 1;
    display: flex;
    align-items: center;
  }
}

.wpstream-gradient-button {
  padding: 12px 24px;
  border-radius: 24px;
  transition: all 300ms ease;

  &:hover {
    color: var(--secondary-white-color);
  }
}

.wpstream-button {
  padding: 12px 24px;
  border-radius: 24px;
  transition: all 300ms ease;
  border: none;
  
  &--transparent {
    border: 1px solid var(--middle-grey);
    color: var(--night-color);
    background-color: transparent;
    
    &:hover {
      color: var(--secondary-white-color);
      background-color: var(--night-color);
      border: 1px solid var(--night-color);
    }
  }
}
