button.hecc-coupon {
    --hecc-coupon-background: rgba(255, 255, 255, .14);
    --hecc-coupon-background-hover: rgba(255, 255, 255, .20);
    --hecc-coupon-border: rgba(255, 255, 255, .32);
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 5px 10px;
    margin: 0;
    background: var(--hecc-coupon-background);
    border: 1px solid var(--hecc-coupon-border);
    border-radius: 5px;
    color: #fff;
    line-height: 1;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: background-color .3s ease, border-color .3s ease, transform .2s ease;
	font-family:"Inter", Sans-serif;
}

button.hecc-coupon:hover {
	background: var(--hecc-coupon-background-hover);
	border-color: rgba(255,255,255,.5);
	transform: translateY(-1px);
	color: #fff;
}

button.hecc-coupon:focus,
button.hecc-coupon:focus-visible {
	outline: none;
	color: #fff;
}

button.hecc-coupon.is-copied {
	background: #17353C;
	border: 1px solid #197D69;
	color: #5EE4B5;
	box-shadow: 0 0 0 1px rgba(25,125,105,.15);
}


button.hecc-coupon:focus {
	background: #17353C;
	border: 1px solid #197D69;
	color: #5EE4B5;
	box-shadow: 0 0 0 1px rgba(25,125,105,.15);
}

button.hecc-coupon .hecc-coupon__main {
	display: flex;
	align-items: center;
	gap: 5px;
}

button.hecc-coupon .hecc-coupon__code {
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    color: inherit;
}

button.hecc-coupon .hecc-coupon__icon {
	width: 18px;
	height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

button.hecc-coupon .hecc-coupon__icon svg {
	width: 100%;
	height: 100%;
	display: block;
	fill: currentColor;
}







/************** Sign in button */

/* Sign In + My Account */
.elementor-element-b5ffc76 .elementor-shortcode > a.hecc-signin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 10px 14px;

    background: transparent;
    border: 0;
    border-radius: 8px;

    color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none;
    white-space: nowrap;

    cursor: pointer;

    transition:
        background-color .2s ease,
        color .2s ease;
}

.elementor-element-b5ffc76 .elementor-shortcode > a.hecc-signin:hover {
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
}

.elementor-element-b5ffc76 .elementor-shortcode > a.hecc-signin:focus,
.elementor-element-b5ffc76 .elementor-shortcode > a.hecc-signin:active {
    color: #ffffff;
    outline: none;
    box-shadow: none;
}

.elementor-element-b5ffc76 .hecc-signin__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    flex: 0 0 18px;
}

.elementor-element-b5ffc76 .hecc-signin__icon svg {
    display: block;
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.elementor-element-b5ffc76 .hecc-signin__text {
    display: inline-block;
    color: inherit;
}