.call-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 113px;
  height: 48px; 
  padding: 17px;
  box-sizing: border-box;
  border-radius: 28px;
  text-decoration: none;
  background: #040404;
  color: #FEFEFE;

  transition:
    background-color 0.25s ease,
    color 0.25s ease;
}

.translatepress-it_IT .call-btn {
  width: unset;
}

.translatepress-cs_CZ .call-btn {
  width: unset;
}

.translatepress-ro_RO .call-btn {
  width: unset;
}

.call-btn:link,
.call-btn:visited {
  color: inherit;
}

/* header light → white button */
.wp-block-kadence-header-row.ps-header-light .call-btn {
  background: #FEFEFE;
  color: #040404;
}

/* header dark → black button */
.wp-block-kadence-header-row.ps-header-dark .call-btn {
  background: #040404;
  color: #FEFEFE;
}

/* icon */
.call-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

.call-btn-icon svg {
  display: block;
  width: 19px;
  height: 19px;
  color: currentColor !important;
}

.call-btn-icon path {
  fill: none;
  stroke: currentColor !important;
}

/* text */
.call-btn-text {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  color: inherit;
  white-space: nowrap;
}

/* hover */
.call-btn:hover {
  color: #ED0000;
}

/* override Kadence header link color */
.wp-block-kadence-header-row .call-btn:hover,
.wp-block-kadence-header-row .call-btn:hover:link,
.wp-block-kadence-header-row .call-btn:hover:visited {
  color: #ED0000 !important;
}

.wp-block-kadence-header-row .call-btn:hover .call-btn-icon svg {
  color: #ED0000 !important;
}

/* active */
.call-btn:active {
  background: #ED0000;
  color: #040404;
}

.call-btn:active .call-btn-icon svg {
  color: #040404 !important;
}