/* RMH Button
 * The --rmh-* color variables are defined in the theme (:root).
 * The value after the comma is a fallback used when the theme is not active.
 */
.rmh-button {
  --rmh-btn-bg: var(--rmh-red, #db0007);
  --rmh-btn-color: var(--rmh-soft-white, #fffde9);
  --rmh-btn-bg-hover: var(--rmh-purple, #92177b);
  --rmh-btn-color-hover: var(--rmh-soft-white, #fffde9);
  --rmh-btn-gap: 10px;
  --rmh-btn-icon-size: 19px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--rmh-btn-gap);
  padding: 14px 12px;
  min-width: 143px;
  min-height: 50px;
  border: 0 solid transparent;
  background-color: var(--rmh-btn-bg);
  color: var(--rmh-btn-color);
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
	/* mask */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='177' height='63' viewBox='0 0 177 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M176.654 58.9199C176.581 62.1004 175.788 62.9358 172.261 62.9358C152.232 61.3675 36.0068 61.5434 4.66359 62.9358C1.55467 62.7893 0.538307 62.0271 0.493467 59.5208C1.2408 41.9035 0.897028 23.7293 0.000227894 5.73097C-0.0147188 3.34194 0.702721 2.57981 2.98956 1.94957C10.3433 -0.0290802 168.928 -0.937792 173.77 1.33399C175.863 1.96422 175.773 4.07478 175.953 7.09404C176.864 20.2411 176.939 45.3479 176.654 58.9052V58.9199Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='177' height='63' viewBox='0 0 177 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M176.654 58.9199C176.581 62.1004 175.788 62.9358 172.261 62.9358C152.232 61.3675 36.0068 61.5434 4.66359 62.9358C1.55467 62.7893 0.538307 62.0271 0.493467 59.5208C1.2408 41.9035 0.897028 23.7293 0.000227894 5.73097C-0.0147188 3.34194 0.702721 2.57981 2.98956 1.94957C10.3433 -0.0290808 168.928 -0.937792 173.77 1.33399C175.863 1.96422 175.773 4.07478 175.953 7.09404C176.864 20.2411 176.939 45.3479 176.654 58.9052V58.9199Z' fill='black'/%3E%3C/svg%3E");

  -webkit-mask-size: cover;
  mask-size: cover;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.rmh-button:hover,
.rmh-button:focus-visible {
  background-color: var(--rmh-btn-bg-hover);
  color: var(--rmh-btn-color-hover);
  text-decoration: none;
}

.rmh-button:focus-visible {
  outline: 2px solid var(--rmh-btn-bg-hover);
  outline-offset: 3px;
}

/* Icon on the right */
.rmh-button--icon-right {
  flex-direction: row-reverse;
}

.rmh-button__icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 1;
  font-size: var(--rmh-btn-icon-size);
}

.rmh-button__icon svg {
  width: var(--rmh-btn-icon-size);
  height: auto;
  fill: currentColor;
}

.rmh-button__icon i {
  font-size: var(--rmh-btn-icon-size);
}