.dtx-contact-actions {
    position: fixed;
    z-index: 90;
    right: max(14px, env(safe-area-inset-right));
    bottom: max(24px, env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 9px;
}

.dtx-contact-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 44px;
    min-width: 84px;
    padding: 8px 15px;
    border: 1px solid #fff;
    border-radius: 999px;
    color: #fff;
    font: 700 14px/1.25 system-ui, sans-serif;
    text-decoration: none;
    box-shadow: 0 3px 10px #10241d33;
    animation: dtx-contact-nudge 6s ease-in-out 3;
}

.dtx-contact-actions a:hover, .dtx-contact-actions a:focus-visible {
    color: #fff;
    text-decoration: underline;
    animation: none;
}

.dtx-contact-actions a:focus-visible { outline: 2px solid #172c24; outline-offset: 2px; }
.dtx-contact-actions .dtx-call { background: #18733e; }
.dtx-contact-actions .dtx-zalo { background: #0758d1; animation-delay: .7s; }

@keyframes dtx-contact-nudge {
    0%, 6%, 100% { transform: rotate(0); }
    1.5%, 4.5% { transform: rotate(-3deg); }
    3% { transform: rotate(3deg); }
}

@media (prefers-reduced-motion: reduce) {
    .dtx-contact-actions a { animation: none; }
}