.btn-white {
  box-sizing: border-box;

  flex-direction: row;
  align-items: flex-start;
  padding: 12px 16px;
  gap: 8px;
  font-weight: 500;

  height: 48px;
  left: 16px;
  top: 12px;
  bottom: 12px;

  border: 2px solid #000000;
  background-color: var(--white);
  transition: 0.2s;
}
.btn-fixed {
  display: none;
}
@media (max-width: 767px) {
  .btn-fixed {
    display: block;
    border: none;
    font-family: "Nobel-regular";
    box-sizing: border-box;
    z-index: 999999;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 16px;
    font-size: 16px;
    font-weight: 400;
    position: fixed;
    width: 100%;
    height: 56px;
    bottom: 0px;
    color: #ffffff;
    background-color: #155be5;
    transition: 0.2s;
    cursor: pointer;
  }
  .btn-fixed:hover {
    background-color: #063eae;
    font-size: 22px;
  }
  .btn-fixed-text {
    cursor: pointer;
  }
}

.btn-white:hover {
  color: white;
  border-color: var(--dark-color);
  background-color: black;
}

.btn-header {
  flex-direction: row;
  align-items: flex-start;
  padding: 12px 16px;
  gap: 8px;
  height: 48px;
  background-color: #595b61;
  color: #ffffff;
  border: 2px solid white;
  transition: 0.5s;
}
.btn-header:hover {
  background-color: white;
  color: var(--dark-color);
}
.btn-fixed {
  display: none;
}
@media (max-width: 767px) {
  .btn-fixed {
    display: block;
    border: none;
    font-family: "Nobel-regular";
    box-sizing: border-box;
    z-index: 999999;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 16px;
    font-size: 16px;
    font-weight: 400;
    position: fixed;
    width: 100%;
    height: 56px;
    bottom: 0px;
    color: #ffffff;
    background-color: #155be5;
    transition: 0.2s;
    cursor: pointer;
  }
  .btn-fixed:hover {
    background-color: #063eae;
    font-size: 22px;
  }
  .btn-fixed-text {
    cursor: pointer;
  }
}