.btn{--btn-color:#0c3762;--btn-bg:#4d9ffc;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;background-color:var(--btn-bg);color:var(--btn-color);padding:5px 12px;border-radius:8px;border:0;cursor:pointer;font-weight:600;font-size:1rem;font-family:system-ui;border:2px solid var(--btn-color);transition:.1s ease;box-shadow:5px 5px 0 0 var(--btn-color)}.btn--secondary{--btn-color:#444;--btn-bg:#fafafa}.btn svg{width:20px;height:20px;flex-shrink:0}.btn:hover{box-shadow:2px 2px 0 0 var(--btn-color)}.btn:active{transition:50ms ease;box-shadow:0 0 0 0 var(--btn-color)}.btn:focus-visible{outline:0;--btn-color:#fff}.btn:focus-visible:after{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);content:"\21E7";animation:float .5s ease-in-out infinite}@keyframes float{0%{transform:translateX(-50%) translatey(0)}50%{transform:translateX(-50%) translatey(-6px)}to{transform:translateX(-50%) translatey(0)}}