.tm-block-phone {
  margin-top: var(--tm-phone-margin-top, 16px);
  margin-bottom: var(--tm-phone-margin-bottom, 20px);
}

.tm-block-phone__link {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  color: inherit;
  text-decoration: none;
}

.tm-block-phone__link:hover {
  color: inherit;
}

.tm-block-phone--align-left {
  text-align: left;
}

.tm-block-phone--align-center {
  text-align: center;
}

.tm-block-phone--align-center .tm-block-phone__link {
  justify-content: center;
}

.tm-block-phone--align-right {
  text-align: right;
}

.tm-block-phone--align-right .tm-block-phone__link {
  justify-content: flex-end;
}

.tm-block-phone--style-button .tm-block-phone__link {
  padding: .6rem .95rem;
  border-radius: .65rem;
  background: color-mix(in srgb, currentColor 10%, transparent);
}

.tm-block-phone--style-underline .tm-block-phone__link {
  border-bottom: 2px solid currentColor;
  padding-bottom: .12rem;
}

.tm-block-phone__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1;
  font-size: 1.15rem;
}

.tm-block-phone__content {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .35rem .55rem;
}

.tm-block-phone__number {
  font-weight: 700;
}

.tm-block-phone__mode {
  font-size: .92rem;
  opacity: .78;
}
