.gt-support-card__icon,
.gt-support-card__dot {
    grid-row: 1 / span 2;
    width: 58px;
    height: 58px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--gt-accent) 18%, #fff);
}

.gt-support-card__icon {
    display: grid;
    place-items: center;
    overflow: hidden;
}

.gt-support-card__icon--mask::before {
    content: "";
    width: 30px;
    height: 30px;
    background-color: var(--gt-accent);
    -webkit-mask-image: var(--gt-support-icon-url);
    mask-image: var(--gt-support-icon-url);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.gt-support-card__icon--image img {
    display: block;
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.gt-support-card__dot {
    position: relative;
}

.gt-support-card__dot::after {
    content: "";
    position: absolute;
    inset: 15px;
    border: 3px solid var(--gt-accent);
    border-radius: 7px;
}