.agency-float {
  position: fixed;
  right: calc(10px + (clamp(80px, 12.5vw, 180px) - 112px) / 2);
  bottom: 205px;
  z-index: 5;
  width: 112px;
  height: 112px;
}

.agency-float a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 12px;
  box-sizing: border-box;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #eb6fa7;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 5px 16px rgba(0, 82, 112, 0.28);
  transition: background-color 0.2s, color 0.2s, transform 0.2s;
}

.agency-float a span {
  display: block;
  width: 100%;
  text-align: center;
}

.agency-float a:hover {
  background: #00afdd;
  color: #fff;
  transform: translateY(-2px);
}

@media screen and (max-width: 770px) {
.agency-float {
    right: calc(10px + (min(25%, clamp(80px, 12.5vw, 180px)) - 82px) / 2);
    bottom: max(calc(25vw + 3vw), calc(clamp(80px, 12.5vw, 180px) + 28px));
    width: 82px;
    height: 82px;
  }
.agency-float a {
    min-height: 0;
    padding: 8px;
    border-width: 2px;
    border-radius: 50%;
    font-size: 9px;
    line-height: 1.35;
  }
}