/* Components styles */
.gosuslugi-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0568c6; /* Госуслуги blue */
  color: white;
  border-radius: var(--radius-lg);
  padding: var(--space-4) var(--space-8);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-normal) ease-in-out;
  width: 100%;
  max-width: 320px;
  height: 56px;
  position: relative;
  box-shadow: var(--shadow-md);
  margin: var(--space-4) 0;
}

.gosuslugi-button::before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.0807 8.32773C14.9877 8.32773 14.0994 7.44023 14.0994 6.35023C14.0994 5.26023 14.9877 4.37273 16.0807 4.37273C17.1737 4.37273 18.0619 5.26023 18.0619 6.35023C18.0619 7.44023 17.1737 8.32773 16.0807 8.32773ZM5.92269 8.32773C4.82969 8.32773 3.94144 7.44023 3.94144 6.35023C3.94144 5.26023 4.82969 4.37273 5.92269 4.37273C7.01569 4.37273 7.90394 5.26023 7.90394 6.35023C7.90394 7.44023 7.01569 8.32773 5.92269 8.32773ZM11.0019 17.9161C9.90894 17.9161 9.02069 17.0277 9.02069 15.9377C9.02069 14.8477 9.90894 13.9611 11.0019 13.9611C12.0949 13.9611 12.9832 14.8477 12.9832 15.9377C12.9832 17.0277 12.0949 17.9161 11.0019 17.9161Z" fill="%230568c6"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  position: absolute;
  left: var(--space-4);
  top: 50%;
  transform: translateY(-50%);
}

.gosuslugi-button .button-text {
  margin-left: var(--space-8);
}

.gosuslugi-button:hover {
  background-color: #0359a5;
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
  text-decoration: none;
  color: white;
}

.footer-logo {
  width: 120px;
  height: 40px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  position: relative;
}

.footer-logo::before {
  content: "БАРС";
  position: absolute;
  color: white;
  font-weight: bold;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}