.kitan-bot-widget {
	.kb {
		&-btn {
			display: flex;
			padding: 8px 12px;
			justify-content: center;
			align-items: center;
			gap: 4px;
			width: 100%;

			font-size: $font-size-button;
			font-weight: $font-weight-bold;
			font-family: $font-main;
			border: 0;
			cursor: default;
			background: $secondary-1;

			border-radius: 48px;
			transition: background .2s, border-color .2s, color .2s;

			&.tricky {
				color: $neutral-800;
				width: max-content;
				font-size: $font-size-body-xs;
				font-weight: 400;
				line-height: 22px;
				border: 1px solid $neutral-500-25;

				&:hover {
					border-color: $primary-1;
				}
			}

			&.large {
				padding: 12px;
				gap: 10px;

				border-radius: $bord-rad-b;
				border: 0;

				background: $primary-1;
				color: $neutral-100;
				text-align: center;
				font-size: $font-size-h4;
				line-height: 30px;
				font-weight: 700;

				&:not(.disabled):hover {
					background: $primary-1-dark;
				}
				
				&.disabled {
					background: $neutral-500;
				}
			}

		}
	}
}