:root { --linking-basket-background: var(--primary-color); --linking-next-step-disabled-background: var(--muted-color); --linking-next-step-disabled-color: var(--disable-color); --linking-next-step-active-background: var(--primary-color); --linking-next-step-active-color: white; --linking-result-button-selected-background: var(--secondary-color); --linking-result-button-selected-color: white; --linking-result-button-selected-border: var(--secondary-color); --linking-result-button-enabled-background: white; --linking-result-button-enabled-color: var(--primary-color); --linking-result-button-enabled-border: var(--primary-color); } .linkingBasket{ background-color: var(--linking-basket-background) opacity 0.1; } .nextStep.active{ background-color: var(--linking-next-step-active-background); color: var(--linking-next-step-active-color); cursor: pointer; } .nextStep.disabled{ background-color: var(--linking-next-step-disabled-background); color: var(--linking-next-step-disabled-color); } .community-card .uk-icon-button.selected, .claim-result-card .uk-icon-button.selected{ background-color: var(--linking-result-button-selected-background); color: var(--linking-result-button-selected-color) !important; border-color: var(--linking-result-button-selected-border); box-shadow: none; } .community-card .uk-icon-button.enabled, .claim-result-card .uk-icon-button.enabled{ background-color: var(--linking-result-button-enabled-background); color: var(--linking-result-button-enabled-color) !important; border:1px solid var(--linking-result-button-enabled-border); box-shadow: none; } .community-card .uk-icon-button{ width: 34px; height: 34px; }