.app-user-hero {
  color: var(--app-color-text);
  background: var(--app-template-hero-bg);
}

.app-user-hero__content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--app-space-5);
}

.app-user-section {
  padding: var(--app-space-7) 0;
}

.app-user-section--compact {
  padding-top: 0;
}

@media (max-width: 991.98px) {
  .app-user-hero__content {
    align-items: stretch;
    flex-direction: column;
  }

  .app-user-hero__content .app-btn {
    width: 100%;
  }
}