.copysection {
    --underline-color: #000;
    position: relative;
    cursor: pointer;
}

.copysection:hover {
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-decoration-color: var(--underline-color);
}

.copysection .tag {
    display: inline-flex;
    align-items: center;
    transition: transform 0.3s ease, opacity 0.3s ease;
    position: relative;
    right: -0.3em;
    top: 0.05em;
    transform: scale(1.2);
    color: var(--underline-color);
    cursor: pointer;

}

.copysection .tag.replay {
    animation: popIn 0.2s backwards;
}

/* Shrink effect */
.copysection .tag.shrink {
    transform: scale(0);
    opacity: 0;
}

/* New SVG fades in and grows */
.copysection .tag.new {
    transform: scale(0);
    opacity: 0;
    animation: popIn 0.2s forwards;
}

@keyframes popIn {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}