.btn {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  color: #0c0e11;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  height: -moz-fit-content;
  height: fit-content;
  padding: 20px 30px;
  background-color: #f2cf30;
  transition: all ease-out 0.1s;
  text-wrap: nowrap;
}
.btn:hover {
  color: #0c0e11;
  background-color: #ffeea0;
}
@media screen and (max-width: 1360px) {
  .btn {
    font-size: 16px;
    padding: 15px 20px;
  }
}
@media screen and (max-width: 1045px) {
  .btn {
    font-size: 14px;
    padding: 10px 15px;
  }
}

.bg {
  animation: pulse 1.2s ease infinite;
  background-color: rgb(255, 238, 160);
}

@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

/*# sourceMappingURL=button_styles.css.map */