.sd-programme-icon {
display: inline-flex;
align-items: center;
gap: 0.55em;
color: var(--sd-programme-icon-color);
text-decoration: none;
line-height: 1;
vertical-align: middle;
width: 100%;
height: 100%;
}
.sd-programme-icon__box {
width: 100%;
height: 100%;
color: inherit;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
box-sizing: border-box;
}
.sd-programme-icon__inline,
.sd-programme-icon__inline svg,
.sd-programme-icon__mask {
width: 100%;
height: 100%;
display: block;
color: inherit;
fill: currentColor;
}
.sd-programme-icon__inline svg { max-width: 100%; max-height: 100%; }
.sd-programme-icon__mask {
background: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.sd-programme-icon__fallback {
font: 700 0.72em/1 Inter, system-ui, sans-serif;
letter-spacing: -0.04em;
text-transform: uppercase;
}
.sd-programme-icon__app-tile {
color: currentColor;
font: 700 0.58em/1 Inter, system-ui, sans-serif;
letter-spacing: -0.06em;
transform: translateY(0.02em);
}
.sd-programme-icon__label {
color: inherit;
font: 500 0.82em/1.1 Inter, system-ui, sans-serif;
white-space: nowrap;
}