.tmc-vc-social-icons {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: var(--tmc-social-direction, row);
    align-items: center;
    justify-content: var(--tmc-social-justify, center);
    gap: var(--tmc-social-gap, 24px);
    flex-wrap: wrap;
}

.tmc-vc-social-icon,
.tmc-vc-social-icon:visited {
    width: var(--tmc-icon-width, var(--tmc-default-icon-width, 42px));
    height: var(--tmc-icon-height, var(--tmc-default-icon-height, 42px));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--tmc-icon-color, var(--tmc-default-icon-color, #fff));
    background-color: var(--tmc-icon-bg-color, var(--tmc-default-bg-color, transparent));
    border: 1px solid var(--tmc-icon-border-color, var(--tmc-default-border-color, transparent));
    border-radius: var(--tmc-icon-border-radius, var(--tmc-default-border-radius, 50%));
    text-decoration: none !important;
    line-height: 1;
    box-sizing: border-box;
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
}

.tmc-vc-social-icon:hover,
.tmc-vc-social-icon:focus {
    color: var(--tmc-icon-hover-color, var(--tmc-default-hover-color, #fff));
    background-color: var(--tmc-icon-bg-hover-color, var(--tmc-default-bg-hover-color, transparent));
    border-color: var(--tmc-icon-border-hover-color, var(--tmc-default-border-hover-color, transparent));
    text-decoration: none !important;
    transform: translateY(-2px);
}

.tmc-vc-social-icon i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    font-size: var(--tmc-icon-size, var(--tmc-default-icon-size, 28px));
    line-height: 1;
}

.tmc-vc-social-icon:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}