@-webkit-keyframes stripe-slide{0%{background-position:0 0}to{background-position:100% 0}}@keyframes stripe-slide{0%{background-position:0 0}to{background-position:100% 0}}body{align-items:center;display:flex;flex-direction:column;font-family:Fira Mono,monospace;height:100vh;justify-content:center;margin:0;padding:0;width:100%}.brand-link__logo{transition:filter .5s ease,opacity .5s ease}.brand-link:focus-visible .brand-link__logo,.brand-link:hover .brand-link__logo{filter:brightness(0) invert(1)}.btn{background:transparent;background-color:#fff;border:2px solid #000;border-radius:6px;box-sizing:border-box;color:#000;cursor:pointer;display:block;font:inherit;font-size:12px;line-height:normal;margin:0 0 16px;overflow:visible;padding:16px 36px 22px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .5s ease;-moz-user-select:text}.btn:-moz-focus-inner{border:0;padding:0}.btn--stripe{overflow:hidden;position:relative}.btn--stripe:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:repeating-linear-gradient(45deg,#000,#000 1px,transparent 2px,transparent 5px);background-size:7px 7px;border-top:1px solid #000;bottom:0;content:"";display:block;height:7px;left:0;position:absolute;width:100%}.btn--stripe:hover{background-color:#000;border-color:#000;color:#fff}.btn--stripe:hover:after{-webkit-animation:stripe-slide 12s linear infinite forwards;animation:stripe-slide 12s linear infinite forwards;background-image:repeating-linear-gradient(45deg,#fff,#fff 1px,transparent 2px,transparent 5px);border-top:1px solid #000}@media only screen and (max-width:600px){.btn--large{width:90%}}@media only screen and (min-width:601px){.btn--large{width:50%}}.btn--radius{border-radius:36px}