.bottom-nav {
  align-items: center;
  background-color: white;
  bottom: 0;
  display: flex;
  height: var(--bottom-nav-height);
  left: 0;
  position: fixed;
  transition: all 0.3s;
  transform: translateY(0);
  width: 100%;
  z-index: 400;
  box-shadow: 0 -1px 6px rgba(0,0,0,.2);
}

body.nav-open .bottom-nav {
  transform: translateY(100%);
}

.bottom-nav__items {
  align-items: flex-end;
  display: flex;
  justify-content: space-around;
  list-style: none;
  width: 100%;
}

.bottom-nav__item {
  flex: 1;
  color: gray;
}

.bottom-nav__link {
  align-items: center;
  display: flex;
  flex-direction: column;
  color: currentColor;
}

.bottom-nav__link:hover {
  color: currentColor;
}

.bottom-nav__link svg {
  height: 24px;
  width: 24px;
}

.selectedOption {
  color: orange;
  border-bottom: 3px solid orange;
}

.bottom-nav__caption {
  color: currentColor;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  text-align: center;
  padding-bottom: 4px;
}

#emergency-modal .primary-button {
  align-items: center;
}

@media only screen and (max-width: 480px) {
  span.atencion-medica-ya{
    font-size: 6px !important;
    margin-bottom: -1px;
  }
  
  span.bottom-nav__caption{
    font-size: 8px;
  }

  i.atencion-medica-ya{
    margin-bottom: .4rem !important;
  }
}