/*****************************
  *  404
  ******************************/
.f__404 .numero-404 {
  font-size: 6rem;
  font-weight: 700;
  margin-bottom: .25rem;
}

.f__404 .titulo-404 {
  font-size: 1.75rem;
  margin-bottom: .5rem;
}

.f__404 .descricao-404 {
  margin-bottom: 1.5rem;
}

.f__404 .btn-home {
  padding: .85rem 1.25rem;
  background-color: var(--f-color-moon);
  color: var(--f-color-strong-dark-green);
  border-color: var(--f-color-moon);
  font-size: 1.05rem;
  display: inline-flex;
  align-items: center;
  gap: var(--f-gap-sm);
  border-radius: var(--f-radius-md);
}

.f__404 .btn-home svg {
  color: var(--f-color-strong-dark-green);
  width: 1.1em;
  height: 1.1em;
  vertical-align: middle;
}

.f__404 .btn-home:hover,
.f__404 .btn-home:focus,
.f__404 .btn-home:active {
  background-color: var(--f-color-spring-green);
  border-color: var(--f-color-spring-green);
  text-decoration: none;
}