.wcb-wrap {
  text-align: right;
}

.elementor-widget-walnik_contact_button {
  --wcb-text-color: #000000;
  --wcb-bg: rgba(0, 0, 0, 0.22);
  --wcb-border-color: #000000;
  --wcb-hover-text-color: #000000;
  --wcb-hover-bg: #888c8e;
  --wcb-hover-border-color: #888c8e;
  --wcb-border-width: 1px;
  --wcb-radius: 999px;
  --wcb-gap: 14px;
  --wcb-button-padding-top: 9px;
  --wcb-button-padding-right: 9px;
  --wcb-button-padding-bottom: 9px;
  --wcb-button-padding-left: 27px;
  --wcb-transition: 0.25s;
  --wcb-hover-lift: -1px;
  --wcb-blur: 4px;
  --wcb-hover-blur: 2px;
  --wcb-saturate: 100%;
  --wcb-icon-circle-size: 30px;
  --wcb-icon-size: 18px;
  --wcb-icon-color: #000000;
  --wcb-icon-bg: rgba(0, 0, 0, 0.26);
  --wcb-icon-border-color: #000000;
  --wcb-icon-border-width: 1px;
  --wcb-icon-blur: 3px;
  --wcb-icon-hover-color: #888c8e;
  --wcb-icon-hover-bg: #000000;
  --wcb-icon-hover-border-color: #000000;
  --wcb-icon-hover-shift: 2px;
  --wcb-icon-hover-blur: 2px;
}

.wcb-btn {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  padding: var(--wcb-button-padding-top) var(--wcb-button-padding-right) var(--wcb-button-padding-bottom) var(--wcb-button-padding-left);
  border-radius: var(--wcb-radius);
  color: var(--wcb-text-color) !important;
  border: var(--wcb-border-width) solid var(--wcb-border-color) !important;
  background: var(--wcb-bg);
  backdrop-filter: blur(var(--wcb-blur)) saturate(var(--wcb-saturate));
  -webkit-backdrop-filter: blur(var(--wcb-blur)) saturate(var(--wcb-saturate));
  display: inline-flex;
  align-items: center;
  gap: var(--wcb-gap);
  position: relative;
  cursor: pointer;
  transition:
    background var(--wcb-transition) ease,
    color var(--wcb-transition) ease,
    border-color var(--wcb-transition) ease,
    transform 0.18s ease,
    box-shadow var(--wcb-transition) ease,
    backdrop-filter var(--wcb-transition) ease,
    -webkit-backdrop-filter var(--wcb-transition) ease;
}

.wcb-btn:hover,
.wcb-btn:focus {
  background: var(--wcb-hover-bg);
  color: var(--wcb-hover-text-color) !important;
  border-color: var(--wcb-hover-border-color) !important;
  transform: translateY(var(--wcb-hover-lift));
  backdrop-filter: blur(var(--wcb-hover-blur)) saturate(var(--wcb-saturate));
  -webkit-backdrop-filter: blur(var(--wcb-hover-blur)) saturate(var(--wcb-saturate));
}

.wcb-btn .wcb-label {
  color: inherit !important;
  display: inline-block;
}

.wcb-icon-circle {
  width: var(--wcb-icon-circle-size);
  height: var(--wcb-icon-circle-size);
  min-width: var(--wcb-icon-circle-size);
  min-height: var(--wcb-icon-circle-size);
  border-radius: 999px;
  border: var(--wcb-icon-border-width) solid var(--wcb-icon-border-color) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--wcb-icon-bg);
  backdrop-filter: blur(var(--wcb-icon-blur)) saturate(var(--wcb-saturate));
  -webkit-backdrop-filter: blur(var(--wcb-icon-blur)) saturate(var(--wcb-saturate));
  transition:
    background var(--wcb-transition) ease,
    border-color var(--wcb-transition) ease,
    transform 0.22s ease,
    backdrop-filter var(--wcb-transition) ease,
    -webkit-backdrop-filter var(--wcb-transition) ease;
}

.wcb-btn:hover .wcb-icon-circle,
.wcb-btn:focus .wcb-icon-circle {
  background: var(--wcb-icon-hover-bg);
  border-color: var(--wcb-icon-hover-border-color) !important;
  transform: translateX(var(--wcb-icon-hover-shift));
  backdrop-filter: blur(var(--wcb-icon-hover-blur)) saturate(var(--wcb-saturate));
  -webkit-backdrop-filter: blur(var(--wcb-icon-hover-blur)) saturate(var(--wcb-saturate));
}

.wcb-icon {
  width: var(--wcb-icon-size);
  height: var(--wcb-icon-size);
  line-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wcb-icon img,
.wcb-icon svg {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}

.wcb-icon svg,
.wcb-icon svg * {
  color: var(--wcb-icon-color);
  stroke: currentColor;
  transition: transform 0.22s ease, color var(--wcb-transition) ease, stroke var(--wcb-transition) ease, fill var(--wcb-transition) ease;
}

.wcb-btn:hover .wcb-icon svg,
.wcb-btn:hover .wcb-icon svg *,
.wcb-btn:focus .wcb-icon svg,
.wcb-btn:focus .wcb-icon svg * {
  color: var(--wcb-icon-hover-color);
  stroke: currentColor;
}

.wcb-btn:hover .wcb-icon,
.wcb-btn:focus .wcb-icon {
  transform: translateX(var(--wcb-icon-hover-shift));
}

@media (max-width: 767px) {
  .wcb-btn {
    font-size: 12px;
  }
}