.country-button{padding:var(--space-50);border-radius:var(--border-radius-md);border:1px solid var(--color-neutral-20);color:var(--color-neutral-80);cursor:pointer;display:flex;align-items:center;flex-direction:column;gap:var(--space-25);background-color:var(--bg-surface);transition:box-shadow .3s ease,background-color .3s ease}.country-button p{margin-bottom:0;transition:color .3s ease}.country-button .country-flag{max-width:90px;width:100%;height:auto;border-radius:var(--border-radius-sm);margin-bottom:var(--space-20)}.country-button:hover{background-color:var(--state-hover-bg);box-shadow:0 0 0 2px var(--bg-interactive)}.country-button:hover p{color:var(--text-interactive)}.success-animation{display:flex;align-items:center;justify-content:center;pointer-events:none}.success-animation .success-check-icon{color:var(--color-success-60);width:80px;height:80px}.success-animation .success-check-icon .success-circle{stroke-dashoffset:63px;stroke-dasharray:63px;animation:successCircleDraw .6s ease-out forwards}.success-animation .success-check-icon .success-check{stroke-dashoffset:15px;stroke-dasharray:15px;animation:successCheckDraw .4s ease-out .4s forwards}@keyframes successCircleDraw{to{stroke-dashoffset:0}}@keyframes successCheckDraw{to{stroke-dashoffset:0}}.title-wrapper{top:100px}@media (min-width: 768px){.title-wrapper{position:sticky}}