.content-guide-link {
grid-template-areas:
"icon name"
"icon caption";
align-items: center;
display: inline-grid;
grid-gap: 5px 15px;
grid-template-columns: 64px auto;
grid-template-rows: auto;
padding: 15px 20px;
width: 20em;
margin: 0.5em 1em;
}
.cgl-icon {
grid-area: icon;
}
.cgl-name {
grid-area: name;
}
.cgl-caption {
grid-area: caption;
font-size: 0.9em;
}
/*
* Citizen skin
*/
body.skin-citizen .content-guide-link {
background-color: var(--color-surface-2);
border: 1px solid var(--color-surface-3);
border-radius: var(--border-radius--medium);
}