#container {
width: 100%;
height: 2000px; /* Apenas para demonstração - ajuste conforme necessário */
background: linear-gradient(135deg, #ff7e5f, #feb47b);
}
#fixed-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.9); /* Fundo da barra com opacidade */
padding: 10px 0;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Sombra para destacar a barra */
z-index: 1000; /* Para garantir que a barra esteja acima de outros elementos */
}
.button {
background-color: #ffffff;
border: none;
color: #333333;
padding: 10px 20px;
margin: 0 5px;
border-radius: 5px;
cursor: pointer;
}
.button:hover {
background-color: #f0f0f0;
}
window.onscroll = function() {fixBar()};
var bar = document.getElementById("fixed-bar");
var sticky = bar.offsetTop;
function fixBar() {
if (window.pageYOffset >= sticky) {
bar.classList.add("sticky");
} else {
bar.classList.remove("sticky");
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c0828c4 */.elementor-752 .elementor-element.elementor-element-c0828c4 a {
background: linear-gradient(90.25deg, #F1492C 0.25%, #F37B17 28.92%, #FEAB03 73.65%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-301a891 */