.ct-share-box {
    display: flex;
    flex-direction: column;
    align-items: var(--horizontal-alignment)
}

.ct-share-box[data-location=top] {
    margin-bottom: var(--margin, 50px)
}

.ct-share-box[data-location=bottom] {
    margin-top: var(--margin, 50px)
}

.ct-share-box[data-location=bottom]:not(:last-child) {
    margin-bottom: var(--margin, 50px)
}

.hero-section[data-type=type-1]+.ct-share-box[data-location=top] {
    margin-top: var(--margin, 50px)
}

.ct-share-box a {
    display: flex;
    justify-content: center
}

.ct-share-box a:hover .ct-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0px, calc(-100% - 12px), 0px)
}

.ct-share-box .ct-tooltip {
    transform: translate3d(0px, calc(-100% - 7px), 0px)
}

.ct-share-box:is([data-type=type-2],[data-type=type-3])>div {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--items-spacing, 15px)
}

.ct-share-box[data-type=type-1]>div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
    border-top: var(--theme-border);
    border-inline-start:var(--theme-border)}

.ct-share-box[data-type=type-1] a {
    border-inline-end: var(--theme-border);
    border-bottom: var(--theme-border)
}

.ct-share-box[data-type=type-1] .ct-icon-container {
    min-height: 50px;
    padding: 10px 0
}

.ct-share-box[data-type=type-2] .ct-icon-container {
    width: initial;
    height: initial;
    padding: 10px 25px;
    border-radius: 3px
}