@charset "utf-8";

.btn_n { outline: 0px; display: inline-flex; align-items: center; justify-content: space-between; background: rgb(41, 41, 58); width: 70%; 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(74, 74, 101); }

.btn_n:focus { background: rgb(74, 74, 101); }

.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%; }
}