.ukupoints-motivator {
margin: 16px 0;
border: 1px solid currentColor;
border-radius: 8px;
padding: 12px 16px;
opacity: 0.95;
}
.ukupoints-motivator__headline {
margin: 0 0 4px;
font-weight: 600;
}
.ukupoints-motivator__line {
margin: 4px 0;
opacity: 0.9;
}
.ukupoints-motivator__line small {
opacity: 0.85;
font-size: 0.85em;
}
.ukupoints-motivator__tooltip {
margin: 8px 0 0;
font-size: 0.82em;
opacity: 0.75;
}
.ukupoints-motivator__cta {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 10px;
}
.ukupoints-motivator__btn {
display: inline-block;
border-radius: 8px;
padding: 8px 14px;
text-decoration: none;
font-weight: 600;
border: 1px solid currentColor; background: transparent;
color: inherit;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.ukupoints-motivator__btn--primary {
border-color: #0000ff;
color: #0000ff;
}
.ukupoints-motivator__btn--secondary {
opacity: 0.85;
font-weight: 500;
}
.ukupoints-motivator__btn:focus-visible {
outline: 2px solid #0000ff;
outline-offset: 2px;
} .ukupoints-motivator--near_next,
.ukupoints-motivator--zero_near,
.ukupoints-motivator--guest_zero_near {
border-style: dashed;
} .ukupoints-motivator--bonus_active,
.ukupoints-motivator--bonus_near {
border-width: 2px;
border-color: #0000ff;
background: rgba(0, 0, 255, 0.07);
}  .ukupoints-motivator--zero_far.ukupoints-motivator--ctx-cart {
padding: 6px 12px;
margin: 10px 0;
opacity: 0.7;
border-style: dotted;
font-size: 0.88em;
}
.ukupoints-motivator--zero_far.ukupoints-motivator--ctx-cart .ukupoints-motivator__line {
margin: 0;
} .ukupoints-motivator-compact {
margin: 8px 0 0;
font-size: 0.92em;
opacity: 0.9;
}
.ukupoints-motivator-compact__link {
font-weight: 600;
color: #0000ff;
text-decoration: underline;
}
.ukupoints-motivator-compact__link:focus-visible {
outline: 2px solid #0000ff;
outline-offset: 2px;
}
.ukupoints-motivator-compact--near_next .ukupoints-motivator-compact__text,
.ukupoints-motivator-compact--zero_near .ukupoints-motivator-compact__text,
.ukupoints-motivator-compact--guest_zero_near .ukupoints-motivator-compact__text {
font-weight: 700;
} .ukupoints-motivator.is-refreshing,
.ukupoints-motivator-compact.is-refreshing {
opacity: 0.4;
transition: opacity 0.15s ease;
}
@media (max-width: 480px) {
.ukupoints-motivator {
padding: 10px 12px;
}
.ukupoints-motivator__cta {
flex-direction: column;
}
.ukupoints-motivator__btn {
text-align: center;
}
}