[data-va-aviso-envio] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .85rem 1.5rem;
    padding: clamp(1rem, 3vw, 1.5rem);
    margin: 0 0 1.25rem;
    border: 1px solid #ead8ca;
    border-radius: 16px;
    background: linear-gradient(115deg, #fffafb, #fbf0f3 56%, #fff8ed 82%);
    color: #432c38;
}
[data-va-aviso-envio][hidden] { display: none; }
.va-aviso-label {
    display: block;
    color: #744d53;
    font-size: .72rem;
    font-weight: 650;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.va-aviso-label::before {
    content: '';
    display: inline-block;
    width: .66rem;
    height: .66rem;
    margin-right: .45rem;
    background: #a97d46;

    clip-path: polygon(50% 0%, 61% 38%, 100% 50%, 61% 61%, 50% 100%, 38% 61%, 0% 50%, 38% 38%);

}
[data-va-aviso-texto] {
    margin: .2rem 0 0;
    font-size: clamp(1rem, 2.4vw, 1.25rem);
    font-weight: 600;
    line-height: 1.35;
}
[data-va-aviso-envio] a {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    min-height: 44px;
    padding: .45rem 1rem;
    box-sizing: border-box;
    border-radius: 999px;
    background: #85565c;
    color: #fff;
    font-size: .9rem;
    font-weight: 650;
    text-decoration: none;
}
[data-va-aviso-envio] a:hover { background: #70444a; color: #fff; }
[data-va-aviso-envio] a:focus-visible { outline: 2px solid #85565c; outline-offset: 4px; }

.va-aviso-burbujas {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}
.va-aviso-burbujas i {
    position: absolute;
    width: var(--size);
    height: var(--size);
    left: var(--left);
    top: var(--top);
    border: 1px solid #d5a3ae;
    border-radius: 50%;
    background: radial-gradient(circle at 29% 26%, #ffffffb3 0 5%, transparent 21%),
        radial-gradient(circle at 45% 44%, #fff5 44%, #fff9 74%, #eab4d5aa 100%);
    box-shadow: inset 0 0 10px #fffb, 0 0 5px #c68f9b42;
    opacity: .9;
    animation: va-aviso-flotar var(--duration) ease-in-out var(--delay) infinite alternate both;
}

.va-aviso-burbujas i:nth-child(1) { --size: 4.4rem; --left: -1%; --top: 38%; --delay: -2s; --duration: 7s; }
.va-aviso-burbujas i:nth-child(2) { --size: 2.7rem; --left: 17%; --top: 0%; --delay: -3s; --duration: 6s; }
.va-aviso-burbujas i:nth-child(3) { --size: 4.8rem; --left: 36%; --top: 52%; --delay: -1s; --duration: 8s; }
.va-aviso-burbujas i:nth-child(4) { --size: 3rem; --left: 57%; --top: 5%; --delay: -4s; --duration: 7s; }
.va-aviso-burbujas i:nth-child(5) { --size: 5.2rem; --left: 73%; --top: 30%; --delay: -2s; --duration: 9s; }
.va-aviso-burbujas i:nth-child(6) { --size: 2.5rem; --left: 93%; --top: 7%; --delay: -4s; --duration: 6s; }
@keyframes va-aviso-flotar {
    to { transform: translate(.65rem, -1.2rem); }
}

.va-aviso-copy,
[data-va-aviso-envio] > a {
    position: relative;
    z-index: 1;
}
.va-aviso-label {
    position: relative;
    display: inline-block;
    padding: .25rem .65rem .25rem .45rem;
    overflow: hidden;
    border-radius: 999px;
    background: #fff7ed;
    box-shadow: inset 0 0 0 1px #e8cfae;
}
.va-aviso-label::after {
    position: absolute;
    inset: 0;
    content: '';
    pointer-events: none;
    background: linear-gradient(112deg, transparent 29%, #ffe0ad80 48%, #fff 50%, #ffe0ad80 52%, transparent 71%);
    transform: translateX(-105%);
    animation: va-aviso-brillo 4.5s ease-in-out infinite;
}
@keyframes va-aviso-brillo {
    0%, 48% { transform: translateX(-105%); }
    82%, 100% { transform: translateX(105%); }
}
[data-va-aviso-envio]:is(:hover, :focus-within) .va-aviso-label::after,
[data-va-aviso-envio]:is(:hover, :focus-within) .va-aviso-burbujas i { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
    .va-aviso-burbujas i, .va-aviso-label::after { animation: none; }
}