.button{border:none;border-radius:6px;transition:all .4s;display:flex;padding:8px 16px;align-items:center;align-content:center;font-family:Arial,sans-serif;font-size:.875rem;line-height:1.25rem;gap:4px}.button.primary{background-color:#3b82f6;color:#ffffff}.button.primary:hover{background-color:#1d4ed8;color:#ffffff}.button.primary.active{background-color:#1e40af;color:#ffffff}.button.secondary{background-color:#ffffff1a;color:#3b82f6}.button.secondary:hover{background-color:#ffffff33;color:#3b82f6}