.las-msi-envios { height: 40px; position: relative; display: flex; justify-content: center; color: #fff; background: black; width: 100%; text-align: center; } .las-msi-envios>ul { list-style: none; width: 100%; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0 } .las-msi-envios a { text-decoration: underline; color: #fff } .ribbon__slide { position: absolute; inset: 0; opacity: 0 } .ribbon__slide[data-active] { opacity: 1 } .ribbon__carousel__button { position: absolute  !important; z-index: 1  !important; background: none  !important; border: none  !important; font-size: 1.2rem  !important; top: 50%  !important; transform: translateY(-50%)  !important; color: #fff; cursor: pointer  !important; border-radius: .25rem  !important; padding: 0 .5rem  !important; background: rgba(0, 0, 0, .1)  !important } .ribbon__carousel__button:hover, .ribbon__carousel__button:focus { color: #1976a1  !important } .ribbon__carousel__button:focus { outline: none  !important } .ribbon__carousel__button.prev { left: 1rem  !important } .ribbon__carousel__button.next { right: 1rem  !important } .ribbon__slide { display: flex; align-content: center; justify-content: center; align-items: center; flex-wrap: wrap; padding: 20px } @media (max-width: 1080px) { .las-msi-envios { height: 70px; font-size: 12px; position: relative; display: block; justify-content: center; color: #fff; background: black; width: 100%; } } .las-sticky { position: fixed; top: 0; width: 100%; z-index: 99999; } .container9999:has(.las-msi-envios) ~ .container9999 .countdown-timer{ position: initial  !important; top: 40px  !important; } .container9999:has(.las-sticky) ~ .container9999 .countdown-timer{ position: fixed  !important; top: 40px  !important; }