[CSS PERSONALIZADO] Efeito de vidro embaçado:

selector {
background: rgba( 255, 255, 255, 0.05 );
backdrop-filter: blur( 20px );
-webkit-backdrop-filter: blur( 20px );
border-radius: 5px;
}

(Personalizar os valores/cores como desejar)

Código para bloquear clique em vídeos do Youtube (embedar com o widget HMTL):

<div class="elementor-element elementor-element-50400e2 elementor-widget elementor-widget-html" data-id="50400e2" data-element_type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<div style="position: relative; height: 0; padding-bottom: 56.2%; padding-top: 0;">
<iframe style="position: absolute !important; width: 100% !important; height: 100% !important; z-index: 100" src="https://www.youtube.com/embed/ID-DO-VIDEO?enablejsapi=0&amp;autoplay=0&amp;modestbranding=1&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;hd=1&amp;wmode=transparent&amp;enablejsapi=0" frameborder="0" allowfullscreen=""></iframe>
<div style="position: absolute;top: 0;width: 100%;height: 70px;background-color: transparent;z-index: 101;left: 0;"></div>
<div style="position: absolute;bottom: 0;width: 100%;height: 50px;background-color: transparent;z-index: 101;left: 0;"></div>


(Alterar ID do vídeo no código, onde está escrito ID-DO-VIDEO. Na url do seu vídeo, o ID fica após o watch?v=. Exemplo: https://www.youtube.com/watch?v=O-ID-FICA-AQUI)

[WIDGET HTML] Transferir UTMs para o link de checkout da Hotmart (sem formulário, somente com botão)

<script>
(function() {
const utmParamQueryString = new URLSearchParams(window.location.search);
if (utmParamQueryString.toString()) {
var navLinks = document.querySelectorAll('a');
navLinks.forEach(function(item) {
if (item.href.indexOf('pay.hotmart.com') !== -1) {
if (item.href.indexOf('?') === -1) {
item.href += '?' + utmParamQueryString.toString();
} else {
item.href += '&' + utmParamQueryString.toString();
}
}
});
}
})();
</script>

Checar se o link do checkout está igual ao do código (pay.hotmart.com, e não payment.hotmart.com). Se não estiver, adaptar a url no código.

CÓDIGOS DA LIVE 32:

Barra de rolagem personalizada:

body::-webkit-scrollbar {
width: 12px;
}

body::-webkit-scrollbar-track {
background: #202020;
}

body::-webkit-scrollbar-thumb {
background-color: #f22982;

border-radius: 10px;

border: 2px solid #202020;

}

-------------

Botão de vidro, com borda em degradê:

selector {
backdrop-filter: blur( 20px );
-webkit-backdrop-filter: blur( 20px );
border-radius: 5px;
border: 1px solid;
border-image: linear-gradient(90deg,#F2298200, #F22982, #F2298200) 1;
border-left:0px;
border-bottom:0px;
border-right:0px;
}

selector .elementor-button-icon i:before {
font-size: 25px;
vertical-align:middle;
}

selector .elementor-button-text {
padding-right: 20px;
}

.elementor-button-content-wrapper {
align-items: center
}

/* Palavras-chave básicas */
align-items: normal;
align-items: stretch;

/* Posicionamento do alinhamento */
/* align-items não recebe valores left e right */
align-items: center; /* Itens posicionados ao redor do centro */
align-items: start; /* Posiciona itens a partir do início */
align-items: end; /* Posiciona itens a partir do fim */
align-items: flex-start; /* Posiciona itens-flex a partir do início */
align-items: flex-end; /* Posiciona itens-flex a partir do fim */
align-items: self-start;
align-items: self-end;

/* Alinhamento da baseline */
align-items: baseline;
align-items: first baseline;
align-items: last baseline; /* Overflow alinhamento (apenas para alinhamento de posição) */
align-items: safe center;
align-items: unsafe center;

/* Valores globais */
align-items: inherit;
align-items: initial;
align-items: unset;

selector .elementor-icon-list-item {
align-items: baseline;
}
selector .elementor-icon-list-item i {
padding-top:5px;
}