main > .list {
  gap: 45px;
}

/* Fix btn form delete server  */

.server > .buttons > .btn {
  width: 125px;
}
@media screen and (max-width: 576px) {
  .server > .buttons {
    flex-direction: initial;
    gap: 10px;

    flex-wrap: wrap;
  }
}

/* End Fix btn form delete server  */

.mobile_app > a > img {
  width: 100%;
  max-width: 1406px;
  max-height: 200px;
}
@media screen and (max-width: 760px) {
  .mobile_app {
    display: none;
  }
}

.not-bot {
  margin-top: 50px;
  text-align: center;
}

dialog {
  min-height: fit-content;
}
dialog > .deleteServer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  width: 100%;
}
dialog > .deleteServer > h5 {
  text-transform: none;
}
dialog > .deleteServer > p {
  margin-bottom: 10px;
}

dialog > .deleteServer > .list > .server {
  background-color: var(--dark-black-mixed);
  padding: 10px 20px;
  border-radius: var(--radius-base);
  margin: auto;
  width: 100%;
  margin-bottom: 26px;
  height: auto;
}
dialog > .deleteServer > .list > .server::after {
  content: none;
}

dialog > .deleteServer > .buttons {
  display: flex;
  margin-left: auto;
  gap: 10px;
}

dialog > .deleteServer > form {
  width: calc(100% / 2 - 15px);
  height: 35px;
}
dialog > .deleteServer > form > .btn {
  width: 100%;
}
dialog > .deleteServer > .btn {
  width: calc(100% / 2 - 15px);
  height: 35px;
}
/* Нет серверов */
.not-server {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  gap: 40px;
}
.not-server::before {
  content: "";
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  transform: scale(-1, 1);
  bottom: 0;
  right: 0;
  z-index: 0;
  background-image: url(https://cdn.discordserver.info/img/cats/4.webp);
  width: 100%;
  height: 100%;
  max-width: 300px;
  max-height: 300px;
  overflow: hidden;
}
.not-server > .buttons > a:first-child {
  position: relative;
}
.not-server > .buttons > a:first-child::before {
  content: url(../img/icons/arrow-add.svg);
  position: absolute;
  top: 40px;
  right: 160px;
}
.not-server > .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 700px) {
  .not-server::before {
    display: none;
  }
}