.content { --progressCircleSize: 16px; display: flex; flex-direction: column; align-items: center; padding: 64px 0; background: #FFF; }

.content__unitWrapper { display: flex; flex-direction: column; align-items: center; }

.content__unit { display: block; }

.content__unit.--stretch { align-self: stretch; }

.content__unit.--flexStart { align-self: flex-start; }

.content__title { line-height: 140%; font-size: 24px; color: #333; }

.content__label { padding: 8px 16px; line-height: 1; border-radius: 30px; background: #E6F3FF; color: #2C72D9; }

.content__progress { display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; max-width: 320px; padding: 0 32px; margin: 0 auto; }

.content__progressItem { flex: 1; display: flex; flex-direction: column; align-self: stretch; min-width: calc(100% / 3); white-space: nowrap; text-align: center; font-size: 11px; color: #818181; }

.content__progressItem::before { content: ""; position: relative; z-index: 1; display: block; width: var(--progressCircleSize); height: var(--progressCircleSize); margin: 0 auto 4px; border-radius: 50%; background: #D5D5D5; }

.content__progressItem.--done { color: #333333; }

.content__progressItem.--done::before { background: #031C38; }

.content__progressItem:not(:last-child)::after { content: ""; height: 1px; background-color: #E4E4E4; order: -1; position: relative; top: calc(var(--progressCircleSize) / 2); left: 50%; }

.content__nextAction { font-size: 16px; font-weight: bold; }

.content__highlighter { background: linear-gradient(transparent 60%, #E5FB5F 40%); }

.content__expire { font-size: 13px; }

.content__link { display: inline-flex; align-items: baseline; font-size: 13px; color: #0172C2; }

.content__link:hover { color: #0172C2; text-decoration: none; }

.content__link:hover > span { color: rgba(1, 114, 194, 0.8); text-decoration: underline; }

.content__loginButton { display: flex; align-items: center; justify-content: center; width: 320px; height: 48px; padding: 10px 24px; border-radius: 100px; background-color: #0172C2; color: #FFF; font-size: 16px; font-weight: bold; line-height: 24px; }

.content__loginButton:hover { background-color: #0172C2; color: #FFF; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15); opacity: 0.92; }
