.t-container {
    padding: 0 10px 10px;
}

.t-container .t-group {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    column-gap: 20px;
    background: var(--cmp-widget-background);
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));
    border-radius: var(--default-border-radius);
    padding: 20px 12px ;
    color: var(--cmp-black);
}

/* on smaller screens display items below each other */
@media only screen and (max-width: 1200px) {
    .t-container .t-group {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
    }
}

.t-container .t-group .t-link .t-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: relative;
    padding: 3px;
    background: linear-gradient(275deg, #5E4E9B, #E6007E);
    background-clip: border-box;
}

.t-container .t-group .t-link .t-circle .t-inner-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background-color: var(--cmp-white);
    border-radius: 50%;
    color: var(--cmp-black);
}

.t-container .t-group .t-link .t-label {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--cmp-black);
    text-align: center;
    padding-top: 10px;
    font-size: var(--cmp-font-size);
}