.text-rotator {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #626e65 /** var(--colorPrim) **/;
    padding: 5px 20px;
    text-align: center;
}

.text-rotator a,
.text-rotator p {
    margin: 0;
}

#rotating-text a {
    text-decoration: underline;
}

.text-arrow {
    background: none;
    border: none;
    color: #fff;
}

.text-arrow:hover {
    color: #555;
}

#rotating-text,
#rotating-text a {
    color: #fff;
}


#rotating-text p {
    animation: text-fade-up 1s ease-in-out both;
}

@keyframes text-fade-up {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
    50% {
    opacity: 0;
  } 
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}