* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: var(--btn-w);
  height: var(--btn-h);
  overflow: hidden;
}

.review-btn {
  width: var(--btn-w);
  height: var(--btn-h);
  border-radius: calc(var(--btn-h) * 8 / 60); /* 8px при высоте 60 */
  background: rgb(230, 244, 242);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--btn-w) * 10 / 172); /* 10px при ширине 172 */
  padding: 0 calc(var(--btn-w) * 12 / 172); /* 12px при ширине 172 */
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  flex: 0 0 auto;
}

.review-btn__brand {
  font-size: max(calc(var(--btn-h) * 12 / 60), 6px); /* 12px при высоте 60 */
  font-weight: 800;
  line-height: 1.15;
  font-family: "Golos Text", sans-serif;
  color: rgb(11, 90, 84);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-align: center;
}

.review-btn__divider {
  width: 1px;
  height: calc(var(--btn-h) * 32 / 60); /* 32px при высоте 60 */
  background: rgba(11, 90, 84, 0.2);
  flex-shrink: 0;
}

.review-btn__count-wrap {
  text-align: center;
}

.review-btn__count {
  display: block;
  font-size: max(calc(var(--btn-h) * 20 / 60), 11px); /* 20px при высоте 60 */
  font-weight: 800;
  line-height: 1;
  font-family: "Golos Text", sans-serif;
  color: rgb(11, 90, 84);
  font-variant-numeric: tabular-nums;
}

.review-btn__label {
  display: block;
  margin-top: max(calc(var(--btn-h) * 3 / 60), 2px); /* 3px при высоте 60 */
  font-size: max(calc(var(--btn-h) * 9 / 60), 5px); /* 9px при высоте 60 */
  font-weight: 600;
  line-height: 1;
  font-family: "Golos Text", sans-serif;
  color: rgb(11, 90, 84);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}