.footer-content__title {
  font-weight: bold;
  font-size: 22px;
  border-top: solid 1px #c0c0c0;
  border-bottom: double 3px #c0c0c0;
  color: rgba(207, 207, 207, 0.945);
  background-color: rgba(62, 67, 90, 0.478);
  transition: 0.3s;
}

.footer-content__buttons {
  background-color: rgba(62, 67, 90, 0.478);
  height: 110px;
  width: 100%;
  transition: 0.3s;
}

.footer-fixed-normal {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 110px;
  transition: 0.3s;
}

.footer-fixed-normal:hover .footer-content__title {
  background-color: rgba(62, 67, 90, 0.294);
  color: #ff4f4f;
}

.footer-fixed-normal:hover .footer-content__buttons {
  background-color: rgba(62, 67, 90, 0.294);
}

@media (min-width: 768px) {
  .footer-fixed {
    position: fixed;
    bottom: 0px;
    left: 50px;
    width: calc(100% - 50px);
    height: 110px;
    transition: 0.3s;
  }

  .footer-fixed:hover .footer-content__title {
    background-color: rgba(62, 67, 90, 0.412);
    color: #ff4f4f;
  }

  .footer-fixed:hover .footer-content__buttons {
    background-color: rgba(62, 67, 90, 0.412);
  }
}

@media (max-width: 767.98px) {
  .footer-fixed {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 110px;
    transition: 0.3s;
  }

  .footer-fixed:hover .footer-content__title {
    background-color: rgba(62, 67, 90, 0.412);
    color: #ff4f4f;
  }

  .footer-fixed:hover .footer-content__buttons {
    background-color: rgba(62, 67, 90, 0.412);
  }
}

@media (min-width: 768px) {
  input:checked ~ .main-content .footer-fixed {
    width: calc(100% - 180px);
    left: 180px;
  }
}

.footer-main__btn {
  border-radius: 20px;
  color: #f0f0f0;
  background-color: #fd5959;
  border-color: #fc4f4f;
  font-weight: bold;
}

.footer-main__btn:hover {
  color: #f0f0f0;
  background-color: #df3939;
  border-color: #b63131;
}

.footer-main__btn:disabled {
  opacity: 0;
  pointer-events: none;
}

.footer-sub__btn {
  border-radius: 20px;
  color: #f0f0f0;
  background-color: #262e71;
}

.footer-sub__btn:hover {
  color: #f0f0f0;
  background-color: #464d8a;
}

