.btn{padding:0;font-weight:400;font-size:16px;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;border:none;background:#000;text-decoration:none;font-family:var(--font-display);margin-right:4px;margin-bottom:4px}.btn,.btn .btn-content{display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-base);position:relative}.btn .btn-content{background:#fff;border:2px solid #000;padding:.4rem 1.25rem;font-size:1.3em;margin:0;transform:translate(-4px,-4px);overflow:hidden}.btn .btn-content svg{position:relative;margin-left:6px}.btn:hover .btn-content{background:#000;color:#fff}.btn:hover{background:#ccc}.btn-lg .btn-content{padding:.5rem 1.5rem}.btn-sm .btn-content{padding:.3rem .85rem}.btn-accent,.btn-primary,.btn-secondary{background:#000}.btn-accent .btn-content,.btn-primary .btn-content,.btn-secondary .btn-content{background:#fff;color:#000;border:2px solid #000;transform:translate(-4px,-4px)}.btn-accent:hover,.btn-primary:hover,.btn-secondary:hover{background:#ccc}.btn-accent:hover .btn-content,.btn-primary:hover .btn-content,.btn-secondary:hover .btn-content{background:#000;color:#fff}.btn[style*="width: 100%"],.btn[style*="width:100%"]{background:transparent;margin-right:0;margin-bottom:0}.btn[style*="width: 100%"] .btn-content,.btn[style*="width:100%"] .btn-content{width:100%;transform:none;box-shadow:4px 4px 0 0 #000}.btn[style*="width: 100%"]:hover,.btn[style*="width:100%"]:hover{background:transparent}.btn[style*="width: 100%"]:hover .btn-content,.btn[style*="width:100%"]:hover .btn-content{box-shadow:4px 4px 0 0 #ccc}.btn-ripple{position:absolute;width:20px;height:20px;border-radius:50%;background:rgba(203,82,183,.35);transform:translate(-50%,-50%) scale(0);animation:ripple-anim .6s ease-out forwards;pointer-events:none;z-index:2}@keyframes ripple-anim{to{transform:translate(-50%,-50%) scale(20);opacity:0}}