.floating-inscription{
  appearance:none;
  position:fixed;
  top:50%;
  right:0;
  z-index:1200;
  display:flex;
  padding:18px 20px 18px 22px;
  align-items:center;
  justify-content:center;
  gap:13px;
  color:#fff;
  background-color:#961214;
  border-top:1px solid rgba(242,242,242,0.6);
  border-bottom:1px solid rgba(242,242,242,0.6);
  border-left:1px solid rgba(242,242,242,0.6);
  border-right:0;
  box-shadow:-1px 6px 6.15px rgba(0,0,0,0.15);
  text-decoration:none;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transform:translate(100%, -50%);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease,
    background-color 0.3s ease;
}

.floating-inscription.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translate(0, -50%);
}

.floating-inscription:hover,
.floating-inscription:focus-visible{
  background-color:#750b04;
  transform:translate(0, -50%);
}

.floating-inscription__text{
  display:block;
  width:81px;
  font-size:16px;
  line-height:10px;
  color:#fff;
  white-space:nowrap;
}

.floating-inscription__icon{
  display:flex;
  width:9px;
  height:9.105px;
  align-items:center;
  justify-content:center;
}

.floating-inscription__icon img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  transition:transform 0.3s ease;
}

.floating-inscription:hover .floating-inscription__icon img,
.floating-inscription:focus-visible .floating-inscription__icon img{
  transform:translate(2px, -2px);
}

@media (max-width: 560px){
  .floating-inscription{
    top:auto;
    right:auto;
    bottom:0;
    left:50%;
    width:144px;
    height:46px;
    padding:12px 18px 12px 24px;
    gap:10px;
    transform:translate(-50%, 100%);
 border-top:1px solid rgba(242,242,242,0.6);
  border-right:1px solid rgba(242,242,242,0.6);
  border-left:1px solid rgba(242,242,242,0.6);
  border-bottom:1px solid rgba(242,242,242,0);
  }

  .floating-inscription.is-visible{
    transform:translate(-50%, 0);
  }

  .floating-inscription:hover,
  .floating-inscription:focus-visible{
    transform:translate(-50%, 0);
  }

  .floating-inscription__text{
    width:76px;
    font-size:15px;
    line-height:17px;
  }
}

@media (min-width: 1765px){
  .floating-inscription{
    width:9.3537vw;
    height:2.8345vw;
    padding:0.7937vw 1.4172vw 0.7937vw 1.7574vw;
    gap:0.737vw;
    border-top:0.0567vw solid rgba(242,242,242,0.6);
    border-bottom:0.0567vw solid rgba(242,242,242,0.6);
    border-left:0.0567vw solid rgba(242,242,242,0.6);
    box-shadow:-0.0567vw 0.3401vw 0.3486vw rgba(0,0,0,0.15);
  }

  .floating-inscription:hover,
  .floating-inscription:focus-visible{
    transform:translate(0, -50%);
  }

  .floating-inscription__text{
    width:4.5918vw;
    min-height:0.907vw;
    padding-bottom:0.2834vw;
    font-size:0.907vw;
    line-height:1.0494vw;
  }

  .floating-inscription__icon{
    width:0.5102vw;
    height:0.5162vw;
    flex-basis:0.5102vw;
  }

  .floating-inscription__icon img{
    width:0.6236vw;
    height:0.6295vw;
  }

  .floating-inscription:hover .floating-inscription__icon img,
  .floating-inscription:focus-visible .floating-inscription__icon img{
    transform:translate(0.1134vw, -0.1134vw);
  }
}

@media (prefers-reduced-motion: reduce){
  .floating-inscription,
  .floating-inscription__icon img{
    transition:none;
  }
}