Как правильно стилизовать внешние формы?

Question

[Lord_Dantes]

Hubspot - это система для ведения контактов и т.д
Мне она дает форму js-скриптом. Она конечно же под сайт не подходит (по дизайну) и я делаю следующее:

<script>
								hbspt.forms.create({
									portalId: "айди формы",
									formId: "тоже айди хз"
								});
								document.addEventListener("DOMContentLoaded", () => {
									let cssLink = document.createElement("link");
									cssLink.href = "/css/frameStyleFooter.css";
									cssLink.rel = "stylesheet";
									cssLink.type = "text/css";

									setTimeout(() => {
										document.querySelector('iframe#hs-form-iframe-0').contentDocument.head.appendChild(cssLink); // вот тут то я подключаю стили к своей форме после периода
										document.querySelector('iframe#hs-form-iframe-1').contentDocument.head.appendChild(cssLink); // а вот тут вторую форму если она имеется
									}, 1000);
								});
							</script>

В чем то суть, все работает но очень криво и прям на костылях. Даже при тестировании одна форма не может нормально сгенериться со стилями, и плюс если формы 2 они могут перебиваться потому-что скрипта два, иногда но перебиваться. Подскажите пожалуйста может есть еще какой-то способ более правильный стилизации такого без моего бреда. Спасибо!