a.link-as-rippled-btn{user-select:none;-webkit-tap-highlight-color:transparent;position:relative;display:inline-block;padding:.9em 1.7em;color:#fff;text-decoration:none;text-transform:uppercase;font-size:.9em;font-weight:700;letter-spacing:.1em;border-radius:40px;overflow:hidden;background:linear-gradient(90deg,#0162c8,#3a8de3);transition:.3s}body.dark a.link-as-rippled-btn,body.gray a.link-as-rippled-btn:active,body.gray a.link-as-rippled-btn:hover,body.hard-gray a.link-as-rippled-btn:active,body.hard-gray a.link-as-rippled-btn:hover,body.light a.link-as-rippled-btn:active,body.light a.link-as-rippled-btn:hover{background:linear-gradient(90deg,#0162c8,#0162c8)}body.hard-gray a.link-as-rippled-btn{background:linear-gradient(90deg,gray,#696969)}body.dark a.link-as-rippled-btn:active,body.dark a.link-as-rippled-btn:hover{background:linear-gradient(90deg,#ff781e,rgba(255,144,0,.2))}@media (max-width:767px){a.link-as-rippled-btn{text-align:center}}.link-as-rippled-btn>span.ripples{position:absolute;background:#fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:1s linear infinite animateLinkAsRippledBtn}@keyframes animateLinkAsRippledBtn{0%{width:0;height:0;opacity:.5}100%{width:500px;height:500px;opacity:.5}}