.media-icons {
    display: flex;
    gap: 16px;
    align-items: center;
}

.media-icons a,
.copy-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f1f1f1;
    text-decoration: none;
    transition: background-color 0.3s;
}

.media-icons a:hover,
.copy-link:hover {
    background-color: #e0e0e0;
}

.media-icons svg {
    width: 20px;
    height: 20px;
    fill: #333;
}

.copy-link {
    cursor: pointer;
}