.tvm-connect-connection-request {

}

.tvm-connect-connection-request .tvm-connect-connection-request-back-button {
    color: var(--close-color, #333);
    left: var(--modal-close-position);
    position: absolute;
    top: var(--modal-close-position);
}

.tvm-connect-connection-request .tvm-connect-connection-request-back-button:hover,
.tvm-connect-connection-request .tvm-connect-connection-request-back-button:focus {
    color: var(--close-hover-color, #5e5e5e);
}

.tvm-connect-connection-request .tvm-connect-connection-request-title {
    color: var(--base-body-color, #333);
    font-weight: 600;
    margin-bottom: var(--global-small-margin, 10px);
}

.tvm-connect-connection-request .tvm-connect-connection-request-button {
    background-color: rgb(0 0 0 / 12%);
    border: var(--tvm-connect-connection-request-button-border-width) var(--tvm-connect-connection-request-button-border-style) var(--tvm-connect-connection-request-button-border);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--base-body-color, #383838);
    line-height: var(--button-line-height, 32px);
}

.tvm-connect-connection-request .tvm-connect-connection-request-button:hover,
.tvm-connect-connection-request .tvm-connect-connection-request-button:focus {
    background-color: rgb(0 0 0 / 16%);
    border-color: var(--tvm-connect-provider-button-hover-border);
    color: var(--base-body-color, #383838);
}

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