@charset "utf-8";

.offer__btn { display: flex; justify-content: center; margin: 20px auto; text-decoration: none; color: rgb(255, 255, 255); max-width: 350px; background: rgb(209, 10, 16); width: 100%; padding: 14px; font-weight: 700; font-size: 16px; border: none; cursor: pointer; text-transform: uppercase; border-radius: 4px; font-family: Arial; letter-spacing: 1px; box-shadow: rgba(0, 0, 0, 0.19) 3px 3px 6px; transition: background-color 0.3s; animation: 2s ease 0s infinite normal none running pulse, 2s ease 0s infinite normal none running pulse-shadow; }

@keyframes pulse { 
  0% { transform: scale(1); }
  50% { transform: scale(1.03); }
  100% { transform: scale(1); }
}

@keyframes pulse-shadow { 
  0% { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; }
  50% { box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 20px; }
  100% { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; }
}

.offer__btn:hover, .offer__btn:active { color: rgb(255, 255, 255); background-color: rgba(209, 10, 16, 0.7); transform: scale(1.05); }