@media (min-width:1024px){
  .social-login-buttons-render .col-md-4{
    flex: 0 0 45%
  }
}
.social-login-buttons-render a[href^="https://vk"],
.social-login-buttons-render a[href^="//vk"],
.social-login-buttons-render a[href^="https://max.ru"],
.social-login-buttons-render a[href^="https://t.me"]
{
    overflow:hidden;
    position: relative;
    transform-origin: top center;
}
@media (min-width:1024px){
  .social-login-buttons-render a[href^="https://vk"],
  .social-login-buttons-render a[href^="//vk"]/*,
  .social-login-buttons-render a[href^="https://max.ru"]*/
  {
    transform:scale(1.05)
  }
}
@media (max-width:1024px){
  .social-login-buttons-render a[href^="https://max.ru"] {
    transform:scale(.95)
  }
}
.social-login-buttons-render a[href^="https://t.me"]{
    transform:scale(.9)
}
.social-login-buttons-render a[href^="https://vk"]:after,
.social-login-buttons-render a[href^="//vk"]:after,
.social-login-buttons-render a[href^="https://max.ru"]:after,
.social-login-buttons-render a[href^="https://t.me"]:after{
    content: "Без VPN";
    display: block;
    position: absolute;
    font-size: 16px;
    line-height: 20px;
    top: -20px;
    right: -30px;
    width: 100px;
    background: green;
    padding: 0 15px;
    transform: rotate(45deg);
    transform-origin: bottom left;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4)/*, inset 2px 2px 3px -1px rgba(255, 255, 255, .8)*/;
}
.social-login-buttons-render a[href^="https://t.me"]:after{
    background:red;
    content:"с VPN";
}
/* красим кнопку МАКСа */
.btn-login[href^="https://max.ru"]{
    background:    radial-gradient(at top left, #4B66FF, transparent 70%),
    radial-gradient(at top right, #8B4BE9, transparent 70%),
    radial-gradient(at bottom left, #42BFFC, transparent 70%),
    radial-gradient(at bottom right, #9D63DF, transparent 70%) !important;
}
.logo-span-max.fa.fa-max.max-icon-login-button{
  aspect-ratio:1;
}