.exchange-less {
    transition: all 0.3s ease;
    border-radius: 8px;
    padding: 12px;
}

.exchange-less._highlight-pulse {
    animation: highlightPulse 4s ease-in-out;
    position: relative;
}

@keyframes highlightPulse {
    0% {
        background-color: transparent;
        border: 1px solid transparent;
        box-shadow: 0 0 0 0 rgba(13, 131, 95, 0);
        transform: scale(1);
    }

    10% {
        background-color: rgba(13, 131, 95, 0.08);
        border: 1px solid rgba(13, 131, 95, 0.3);
        box-shadow: 0 0 15px 3px rgba(13, 131, 95, 0.25);
        transform: scale(1.015);
    }

    25% {
        background-color: rgba(13, 131, 95, 0.12);
        border: 1px solid rgba(13, 131, 95, 0.4);
        box-shadow: 0 0 20px 5px rgba(13, 131, 95, 0.35);
        transform: scale(1.02);
    }

    35% {
        background-color: rgba(13, 131, 95, 0.08);
        border: 1px solid rgba(13, 131, 95, 0.3);
        box-shadow: 0 0 15px 3px rgba(13, 131, 95, 0.25);
        transform: scale(1.015);
    }

    50% {
        background-color: rgba(13, 131, 95, 0.12);
        border: 1px solid rgba(13, 131, 95, 0.4);
        box-shadow: 0 0 20px 5px rgba(13, 131, 95, 0.35);
        transform: scale(1.02);
    }

    65% {
        background-color: rgba(13, 131, 95, 0.08);
        border: 1px solid rgba(13, 131, 95, 0.3);
        box-shadow: 0 0 15px 3px rgba(13, 131, 95, 0.25);
        transform: scale(1.015);
    }

    80% {
        background-color: rgba(13, 131, 95, 0.05);
        border: 1px solid rgba(13, 131, 95, 0.25);
        box-shadow: 0 0 10px 2px rgba(13, 131, 95, 0.15);
        transform: scale(1.01);
    }

    100% {
        background-color: transparent;
        border: 1px solid transparent;
        box-shadow: 0 0 0 0 rgba(13, 131, 95, 0);
        transform: scale(1);
    }
}