.text-button {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--system-active-color);
    cursor: pointer;
    border-radius: var(--radius-normal, 4px);
}

.text-button:hover {
    opacity: 0.7;
}

.text-button:active {
    opacity: 1;
}

.text-button--disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.text-button__text {
    font-size: var(--uosai-font-size-base);
    line-height: var(--uosai-line-height-relaxed);
}
