#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px
}

.redirector[data-v-3889ef95] {
  text-align: center;
  padding: 20px;
  font-family: Arial, sans-serif
}

.blink[data-v-3889ef95] {
  color: #ff4136;
  animation: blinkingText-3889ef95 1s infinite
}

@keyframes blinkingText-3889ef95 {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

.favorite-button[data-v-3889ef95], .redirector-button {
  width: 150px;
  height: 40px;
  background-color: #0074d9;
  color: #fff;
  border: none;
  border-radius: 25px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color .3s, transform .1s;
  margin: 20px 0
}

.favorite-button[data-v-3889ef95]:hover, .redirector-button:hover {
  background-color: #0056b3;
  transform: scale(1.05)
}

.redirector-button{
  width: 180px;
  height: 50px;
  background-color: #1ea51e;
}

.redirector-button:hover {
  background-color: #60c529;
}

.progress-container[data-v-3889ef95] {
  width: 400px;
  height: 15px;
  background-color: #f3f3f3;
  border-radius: 7px;
  margin: 20px auto;
  overflow: hidden
}

.progress-bar[data-v-3889ef95] {
  height: 100%;
  background-color: #4caf50;
  border-radius: 7px;
  transition: width .3s ease-in-out
}