@broxus/tvm-connect/lib/cjs/components/TvmProvidersDispatcher/ProviderButton/index.css

Nekoton-compatible wallets connector.

.tvm-connect-providers-dispatcher .tvm-connect-providers-list .tvm-connect-provider-button {
    align-content: center;
    align-items: center;
    background-color: rgb(0 0 0 / 8%);
    border: var(--tvm-connect-provider-button-border-width) var(--tvm-connect-provider-button-border-style) var(--tvm-connect-provider-button-border);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--base-body-color, #383838);
    display: grid;
    gap: 16px;
    grid-auto-rows: max-content;
    grid-template-columns: 30px minmax(50%, 100%) auto;
    line-height: normal;
    min-height: 65px;
    padding: 0 20px;
    text-align: left;
    width: 100%;
}

.tvm-connect-providers-dispatcher .tvm-connect-providers-list .tvm-connect-provider-button:hover:not(:disabled),
.tvm-connect-providers-dispatcher .tvm-connect-providers-list .tvm-connect-provider-button:focus:not(:disabled) {
    background-color: rgb(0 0 0 / 12%);
    border-color: var(--tvm-connect-provider-button-hover-border);
    color: var(--base-body-color, #383838);
}

.tvm-connect-providers-list .tvm-connect-provider-title {
    color: var(--base-body-color, #383838);
    font-size: 18px;
    font-weight: 500;
}

.tvm-connect-providers-list .tvm-connect-provider-subtitle {
    max-width: 100%;
    opacity: 0.8;
}

.tvm-connect-providers-list .tvm-connect-provider-connected,
.tvm-connect-providers-list .tvm-connect-provider-recent {
    background: var(--tvm-connect-modal-content-background);
    border-radius: 3px;
    color: var(--global-muted-color, #383838);
    display: inline-block;
    font-size: 12px;
    justify-self: flex-end;
    padding: 1px 5px;
}

:root {
    --tvm-connect-provider-button-border-width: 2px;
    --tvm-connect-provider-button-border-style: solid;
    --tvm-connect-provider-button-border: transparent;
    --tvm-connect-provider-button-hover-border: var(--global-primary-border, transparent);
}