@charset "utf-8";

.fly { display: flex; -webkit-box-pack: center; justify-content: center; }

.fly__link { position: fixed; bottom: 12px; margin: 0px; padding: 0px; text-align: center; }

.fly__link a { color: rgb(255, 255, 255); font-weight: 700; }

.fly__button { display: -webkit-inline-box; margin: 0px auto; -webkit-box-align: center; background: rgb(210, 43, 43); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px 3px; border-radius: 5px; line-height: 1.4; font-family: sans-serif; text-transform: uppercase; text-decoration: none; text-align: center; transition: background 0.3s, transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s; will-change: transform; padding: 12px; }

.fly__button:active { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px; transform: translate3d(0px, 1px, 0px); }

@-webkit-keyframes pulse { 
  0% { transform: scale(0); opacity: 0; }
  33% { transform: scale(1); opacity: 1; }
  100% { transform: scale(3); opacity: 0; }
}

@keyframes pulse { 
  0% { transform: scale(0); opacity: 0; }
  33% { transform: scale(1); opacity: 1; }
  100% { transform: scale(3); opacity: 0; }
}

.pulse { position: relative; }

.pulse::after, .pulse::before { content: ""; position: absolute; inset: 0px; background: rgba(255, 255, 255, 0.4); border-radius: 50%; width: 20px; height: 20px; opacity: 0; margin: auto; }

.pulse::before { animation: 1.5s linear 0s infinite normal none running pulse; }

.pulse::after { animation: 2s linear 0.4s infinite normal none running pulse; }

.pulse:hover::after, .pulse:hover::before { display: none; }

.btn-logo--pozition { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 10px; }

@media (max-width: 500px) {
  .btn-logo--pozition { gap: 5px; }
}

.animated__btn { animation: 2s linear 0s infinite normal none running heartRate; }

@keyframes heartRate { 
  0% { transform: scale(1); animation-timing-function: linear; }
  50% { transform: scale(1.2); animation-timing-function: linear; }
  100% { transform: scale(1); }
}