:root {
  --button-color: #7E7367;
  --button-color-hover: #464039;
  --button-color-active: #38332E;
  --button-color-disabled: #D8D4CF;
  --button-color-disabled-background: #F8F7F7;
  --button-color-secondary-background: #D8D4CF; }

.name-generator-result__custom-margin {
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .name-generator-result__custom-margin {
      margin-bottom: 80px; } }

.name-generator-result__check {
  width: 64px;
  height: 64px;
  padding: 18px;
  border-radius: 1000px;
  background-color: #FAFAEF; }

.name-generator-result__title {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 32px !important;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -1.28px;
  color: #464039;
  margin-bottom: 40px; }
  @media (min-width: 768px) {
    .name-generator-result__title {
      font-size: 40px !important; } }

.name-generator-result__subtitle {
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 136%;
  color: #464039; }

.name-generator-result button.name-generator-result__share {
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 136%;
  color: #7E7367;
  margin: 24px 0; }
  @media (min-width: 768px) {
    .name-generator-result button.name-generator-result__share {
      margin: 40px 0; } }

.name-generator-result__share-menu {
  border-radius: 16px;
  box-shadow: 0px 2px 2px 0px rgba(56, 51, 46, 0.02), 0px 6px 24px 0px rgba(56, 51, 46, 0.08);
  z-index: 10;
  top: 92%;
  left: 50%;
  transform: translateX(-50%);
  width: max-content; }

.name-generator-result__share-item {
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  line-height: 136%;
  color: #464039;
  cursor: pointer; }
  .name-generator-result__share-item:not(:last-child) {
    padding-bottom: 20px; }

.name-generator-result__card {
  border-radius: 8px;
  padding: 24px; }
  @media (min-width: 768px) {
    .name-generator-result__card {
      padding: 40px 80px; } }

.name-generator-result__pet {
  max-width: 320px; }
  .name-generator-result__pet img {
    z-index: 1; }
  .name-generator-result__pet-background {
    height: 208px;
    width: 208px;
    border-radius: 1000px;
    top: 16px;
    left: 43px; }
    @media (min-width: 768px) {
      .name-generator-result__pet-background {
        height: 232px;
        width: 232px;
        left: 43px; } }

.name-generator-result__name {
  font-family: "Ubuntu", sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1.6px;
  max-width: 300px;
  text-transform: capitalize; }
  @media (min-width: 768px) {
    .name-generator-result__name {
      font-size: 56px;
      letter-spacing: -2.24px; } }
  .name-generator-result__name img {
    height: 48px;
    width: 48px; }
    @media (min-width: 768px) {
      .name-generator-result__name img {
        height: 64px;
        width: 64px; } }

.name-generator-result__knew {
  font-family: "Ubuntu", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 128%;
  letter-spacing: -1.12px;
  color: #464039; }

.name-generator-result__knew-description {
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 136%;
  color: #464039; }

.name-generator-result a.name-generator-result__knew-button {
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 136%;
  padding: 12px 12px 12px 16px;
  border-radius: 1000px;
  border: 1px solid #723D2A;
  background-color: #fff;
  color: #723D2A;
  width: fit-content; }

.name-generator-result__alternative {
  font-family: "Ubuntu", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 128%;
  letter-spacing: -1.12px;
  color: #464039;
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    .name-generator-result__alternative {
      font-size: 32px;
      line-height: 120%;
      letter-spacing: -1.28px;
      margin-bottom: 40px; } }

.name-generator-result__alternative-names {
  gap: 24px; }
  @media (min-width: 768px) {
    .name-generator-result__alternative-names {
      gap: 40px; } }
  .name-generator-result__alternative-names .alternative-name {
    font-family: "Ubuntu", sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 128%;
    letter-spacing: -1.12px;
    padding: 24px 0;
    border-radius: 8px;
    color: #464039; }
    @media (min-width: 768px) {
      .name-generator-result__alternative-names .alternative-name {
        font-size: 32px;
        line-height: 120%;
        letter-spacing: -1.28px;
        padding: 40px 0; } }

.name-generator-result__new {
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 136%;
  color: #464039; }

.name-generator-result button.name-generator-result__clear {
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 136%;
  padding: 12px 12px 12px 16px;
  border-radius: 1000px;
  border: 1px solid #7E7367;
  background-color: #fff;
  color: #7E7367;
  width: fit-content; }

.name-generator-result--perro .name-generator-result__card {
  background-color: #FBF7F4; }

.name-generator-result--perro .name-generator-result__pet-background {
  background-color: #936031; }

.name-generator-result--perro .name-generator-result__name {
  color: #936031; }

.name-generator-result--perro .alternative-name {
  background-color: #FBF7F4;
  color: #936031; }

.name-generator-result--gato .name-generator-result__card {
  background-color: #F6FAF5; }

.name-generator-result--gato .name-generator-result__pet-background {
  background-color: #4A773C; }

.name-generator-result--gato .name-generator-result__name {
  color: #4A773C; }

.name-generator-result--gato .alternative-name {
  background-color: #F6FAF5;
  color: #4A773C; }

/*# sourceMappingURL=nameGeneratorResult.css.map*/