:host {
    display: inline-block;
}

.details-section {
    color: var(--dx-g-text-label-color);
    font-family: var(--dx-g-font-display);
    font-size: var(--dx-g-text-xs);
    letter-spacing: 0.7px;
    margin-bottom: var(--dx-g-spacing-sm);
    text-transform: uppercase;
}

.details-section span {
    display: block;
    line-height: var(--dx-g-spacing-md);
}

.socials-group {
    display: flex;
}

.socials-group a:not(:last-child) {
    margin-right: var(--dx-g-spacing-md);
}

dx-icon-badge {
    --dx-c-icon-badge-background-color: var(--dx-g-social-svg-background-color);
    --dx-c-icon-badge-color: var(--dx-g-social-svg-icon-color);
    --dx-c-icon-badge-size: 34px;
    --dx-c-icon-badge-icon-size: 18px;
}

dx-icon-badge:hover {
    --dx-c-icon-badge-background-color: var(--dx-g-social-svg-hover-color);
}