Template:Open in Resonite/styles.css

.open-in-resonite {
    display: inline-flex;
    align-items: center;
    background-color: var(--background-color-progressive);
    color: var(--color-inverted-primary);
    gap: var(--space-xs);
    min-height: 2.25rem;
    padding-right: var(--space-sm);
    padding-left: var(--space-sm);
    border-radius: var(--border-radius-medium);
}
.open-in-resonite:hover {
    background-color: var(--background-color-progressive--hover);
}
.open-in-resonite .citizen-ui-icon {
    transition: var(--transition-hover);
    transition-property: transform;
}