.menu-mobile-container {
  background-color: #094DA4;

  width: 100vw;
  height: 100vh;

  position: fixed;
  z-index: 100;

  top: 0;
}

.menu-mobile-close-button {
  border: none;
  background: none;

  width: 40px;
}

.menu-mobile-header {
  background-color: #094DA4;
  width: 100vw;
  height: 50px;

  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;

  position: relative;
  z-index: 9;

  margin-bottom: 50px;
}

.menu-mobile-options-container {
  display: flex;

  width: 100%;
  max-width: 305px;

  padding-left: 20px;
  padding-right: 20px;
}

.menu-mobile-options-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 40px;
  width: 100%;

  a {
    width: fit-content;

    text-decoration: none;
    color: white;
    font-size: 20px;
    font-weight: 700;
  }
}

.menu-mobile-content-wrapper {
  height: calc(100vh - 145px);
  min-height: calc(100vh - 145px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  padding-top: 45px;

  overflow: auto;
}

.menu-mobile-footer {
  display: flex;
  justify-content: center;
  column-gap: 30px;

  padding: 44px;
}

.menu-mobile-social-link {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  display: inline-block;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;

  img {
    width: 30px;
    object-fit: contain;
  }
}

.menu-mobile-close {
  display: none !important;
}