@keyframes call {
   0% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
     opacity: 0;
   }

   50% {
     opacity: 1;
   }

   100% {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
     opacity: 0;
   }
 }

 a.pulse {
   position: fixed;
   display: flex;
   justify-content: center;
   align-items: center;
   bottom: 30px;
   right: 50px;
   cursor: pointer;
   background: var(--c);
   border-radius: 50%;
   width: 65px;
   height: 65px;
   text-align: center;
   z-index: 50;
 border: 2px solid var(--cw);
   transition: transform 0.3s ease;
 }

 a.pulse:hover {
   transform: scale(1.1);
 }

 a.pulse i {
   color: var(--cw);
   font-size: 1.8em;
   margin: 0 0 3px 0;
 }

 a.pulse::before,
 a.pulse::after {
   content: " ";
   display: block;
   position: absolute;
   border: 1px solid var(--c);
   left: -20px;
   right: -20px;
   top: -20px;
   bottom: -20px;
   border-radius: 50%;
   animation: call 1.5s ease infinite;
   animation-delay: 0s;
   opacity: 0;
   backface-visibility: hidden;
 }

 a.pulse::after {
   animation-delay: 0.5s;
 }

 /* Стили для социальных кнопок */
 .social-buttons {
   position: fixed;
   bottom: 120px;
   right: 50px;
   display: none;
   flex-direction: column;
   gap: 15px;
   z-index: 500;
 }

 .social-buttons.active {
   display: flex;
   animation: fadeIn 0.3s ease;
 }

 .social-btn {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
   font-size: 1.5em;
   text-decoration: none;
   transition: all 0.3s ease;
   transform: translateY(20px);
   opacity: 0;
 }

.social-btn img {
    width: 26px;
}

 .social-buttons.active .social-btn {
   transform: translateY(0);
   opacity: 1;
 }

 .social-buttons.active .social-btn:nth-child(1) {
   transition-delay: 0.1s;
 }

 .social-buttons.active .social-btn:nth-child(2) {
   transition-delay: 0.2s;
 }

 .social-buttons.active .social-btn:nth-child(3) {
   transition-delay: 0.3s;
 }

 .social-buttons.active .social-btn:nth-child(4) {
   transition-delay: 0.4s;
 }

 .max {
   background: #8633df;
 }

 .tg {
   background: #0088CC;
 }

 .phone {
   background: #444444;
 }

 .social-btn:hover {
   transform: scale(1.1) !important;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
   color: var(--cw) !important;
 }

 @keyframes fadeIn {
   from {
     opacity: 0;
   }

   to {
     opacity: 1;
   }
 }

 .modal-header {
   align-items: baseline;
   display: flex;
   justify-content: space-between;
 }

 .close {
   background: none;
   border: none;
   cursor: pointer;
   display: flex;
   height: 16px;
   text-decoration: none;
   width: 16px;
 }

 .close svg {
   width: 16px;
 }

 .modal-wrapper {
   align-items: center;
   background: rgba(0, 0, 0, 0.7);
   bottom: 0;
   display: flex;
   justify-content: center;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
 }

 #modal {
   opacity: 0;
   visibility: hidden;
   transition: 0.5s all ease;
   z-index: 999;
 }

 #modal:target {
   opacity: 1;
   visibility: visible;
 }

 #modal:target .modal-body {
   opacity: 1;
   transform: translateY(1);
 }

 #modal .modal-body {
   max-width: 500px;
   opacity: 0;
   width: 100%;
   z-index: 1;
 }

 .outside-trigger {
   bottom: 0;
   cursor: default;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
 }

 @media (max-width: 576px) {
   a.pulse i {
     font-size: 1.5em;
   }
 }