.htmega-coupon {
    display: flex;
    background: #fff;
    padding: 13px 12px;
    border: 2px dashed #13177D;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: relative;
    transition: all 0.3s ease-in-out;
}
  .htmega-coupon input {
    border: none;
    padding: 0;
    border-radius: 0;
    font-size: 15px;
    font-weight: 500;
    color: #13177D;
    min-height: auto;
    min-width: auto;
    line-height: 1;
    background: transparent;
  }
  .htmega-coupon input:focus {
    border: none;
    outline: none;
    box-shadow: none;
  }
  .htmega-coupon .htmega-coupon-btn {
    font-size: 15px;
    color: #13177D;
    border: none;
    background: no-repeat;
    font-weight: 500;
    padding: 0;
    line-height: 1;
    cursor: pointer;
    border-left: 2px solid #01C6E3;
    margin-left: 6px;
    padding-left: 5px;
    transition: all 0.3s ease-in-out;
  }
  .htmega-coupon-copy-content,.htmega-coupon-copied-content {
    display: none;
    align-items: center;
  } 

.htmega-coupon-copy-content i,
.htmega-coupon-copied-content i {
 font-size: 15px;
}
.htmega-coupon-copy-content svg,
.htmega-coupon-copied-content svg{
  width: 13px;
  height: auto;
}

.htmega-copy-icon-pos-right i,
.htmega-copy-icon-pos-right img,
.htmega-copy-icon-pos-right svg{
   margin-left: 5px;
  }       
.htmega-copy-icon-pos-left i,
.htmega-copy-icon-pos-left img,
.htmega-copy-icon-pos-left svg{
   margin-right: 5px;
  }

.htmega-btn-copy-status-copy .htmega-coupon-copy-content,.htmega-btn-copy-status-copied .htmega-coupon-copied-content {
  display: flex;
}
.htmega-copy-icon-pos-right .htmega-coupon-copy-content,.htmega-copy-icon-pos-right .htmega-coupon-copied-content {
  flex-direction: row-reverse;
}
/* Style two css */
.htmega-coupon.htmega-cpc-style-2,.htmega-coupon.htmega-cpc-style-3 {
  display: inline-block;
  background: transparent;
  padding: 0;
  border: none;
  width: auto
}
.htmega-cpc-style-2 .htmega-coupon-btn,
.htmega-cpc-style-3 .htmega-coupon-btn
{
  padding: 0;
  width: 100%;
  margin: 0;
  border: none;
  background: green;
  padding: 13px 20px;
  color: #fff;
  font-size: 15px;
  position: relative;
  left: 0;
}

.htmega-cpc-style-2 .htmega-btn-copy-status-copied {
  background:#13177D;
}

.htmega-cpc-style-2 input {
  display: none;
}

/* style three */
.htmega-cpc-style-3 input {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  background: #fff;
  height: 100%;
  text-align: center;
  z-index: 0;
  font-size: 15px;
  line-height: 1;
  padding: 0 5px;
}
.htmega-cpc-style-3 .htmega-btn-copy-status-copied,
.htmega-cpc-style-3:hover .htmega-btn-copy-status-copied {
  left: -100%!important;
}

.htmega-cpc-style-3{
  overflow: hidden;
}
.htmega-cpc-style-3:hover .htmega-coupon-btn{
  left: -15%;
}



.htmega-cpc-style-3 .htmega-coupon-copy-content{
  display: flex;
} 
.htmega-cpc-style-3 .htmega-coupon-copied-content {
  display: none;
} 

.htmega-coupon-animation{
    animation-duration: 3s,3s;
    animation-delay: 0s,2s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-direction: normal,alternate;
}