.icon::before {
    content: "";
    width: 16px;
    height: 16px;
    transform: translateY(3px);
    margin-right: 0.25rem;
    display: inline-block;
    background-color: currentColor;
    mask: var(--icon) no-repeat center / contain;
    -webkit-mask: var(--icon) no-repeat center / contain;
}

.copy-btn::before {
    --icon: url("/assets/icons/copy.svg");
}
.email-icon::before {
    --icon: url("/assets/icons/email.svg");
}
.github-icon::before {
    --icon: url("/assets/icons/github.svg");
}
.linkedin-icon::before {
    --icon: url("/assets/icons/linkedin.svg");
}
.phone-btn::before {
    --icon: url("/assets/icons/phone.svg");
}
.shield-icon::before {
    --icon: url("/assets/icons/shield.svg");
}
.location-btn::before {
    --icon: url("/assets/icons/location-pin.svg");
}

.copy-btn {
    background: var(--bg);
    border: 1px solid var(--border);
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    font-size: 0.75rem;
    cursor: pointer;
    color: var(--text);
    transition: all 0.2s ease;
}

.copy-btn:hover {
    border-color: var(--accent);
    color: var(--accent);
}