@charset "utf-8";

.btn_n { outline: 0px; display: inline-flex; align-items: center; justify-content: space-between; background: rgb(1, 1, 181); width: 100%; border: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; box-sizing: border-box; padding: 16px 20px; font-size: 14px; letter-spacing: 1.2px; text-transform: uppercase; overflow: hidden; cursor: pointer; margin: 0px 0px 20px; font-weight: 700; color: rgb(255, 255, 255) !important; text-decoration: none !important; transition: 0.3s !important; }

.btn_n:hover { background: rgb(248, 23, 62) !important; }

.btn_n:focus { background: rgb(255, 0, 51) !important; }

.btn_n .animation { border-radius: 100%; animation: 0.6s linear 0s infinite normal none running ripple; }

.btn_n span { display: block; width: 80%; }

@keyframes ripple { 
  0% { box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 0px, rgba(255, 255, 255, 0.1) 0px 0px 0px 20px, rgba(255, 255, 255, 0.1) 0px 0px 0px 40px, rgba(255, 255, 255, 0.1) 0px 0px 0px 60px; }
  100% { box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 20px, rgba(255, 255, 255, 0.1) 0px 0px 0px 40px, rgba(255, 255, 255, 0.1) 0px 0px 0px 60px, rgba(255, 255, 255, 0) 0px 0px 0px 80px; }
}

@media (max-width: 576px) {
  .btn_n { width: 100%; }
}