/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 32:15 Expected identifier but found whitespace
Line 32:17 Unexpected "{"
Line 32:27 Expected ":"
Line 53:10 Expected identifier but found whitespace
Line 53:12 Unexpected "{"
Line 53:22 Expected ":"
Line 94:2 Unexpected "{"
Line 94:3 Expected identifier but found "%"
... and 17 more hidden warnings

**/
{% if settings.goEnable %}
  .gokwik-checkout {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: end;
    margin-bottom: 10px;
  }
  .gokwik-checkout button {
    max-width:100%;
    width: 100%;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: {{ settings.priClr }};
    position: relative;
    cursor: pointer;
    padding: 5px 10px;
    height:45px;
  }
  #gokwik-buy-now.disabled, .gokwik-disabled{
    opacity:0.5;
    cursor: not-allowed;
    }
    .gokwik-checkout button:focus {
    outline: none;
  }
  .gokwik-checkout button > span {
     display: flex;
    align-items: center;
    justify-content: center;
  }
  .gokwik-checkout button > span.btn-text {
    display: flex;
    flex-direction: column;
    color: {{ settings.secClr }};
    align-items: center;
  }
  .gokwik-checkout button > span.btn-text > span:last-child {
    padding-top: 2px;
      font-size: 10px;
      line-height: 10px;
      text-transform: initial;
  }
  .gokwik-checkout button > span.btn-text > span:first-child {
     font-size: 15px;
  }
  .gokwik-checkout button > span.pay-opt-icon img:first-child {
    margin-right: 10px;
    margin-left: 10px;
    height:18px;
  }
  .gokwik-checkout button > span.pay-opt-icon img:last-child {
    height:15px;
  }
  /*   Additional */
  .gokwik-checkout button.disabled{
    opacity:0.5;
    cursor: not-allowed;
    }
  .gokwik-checkout button.disabled .addloadr#btn-loader{
     display: flex!important;
  }
    #gokwik-buy-now.disabled .addloadr#btn-loader{
     display: flex!important;
  }
      #gokwik-buy-now:disabled{
     cursor: not-allowed;
  }







  {% endif %}
  {% if settings.goBuynowEnable %}
   #gokwik-buy-now {
    background: {{ settings.btnBClr }};
    width: 100%;
    color: {{ settings.btnTextClr }};
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border: none;
    padding: 15px 10px;
    font-size: 15px;
    margin-bottom: 10px;
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height:41px;
    min-height: 41px;
   }
  #gokwik-buy-now  > span.btn-text > span:last-child {
    padding-top: 0;
      font-size: 10px;
    letter-spacing: 1px;
    line-height:14px;
    text-transform: initial;
  }
  #gokwik-buy-now > span {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #gokwik-buy-now > span.btn-text {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #gokwik-buy-now > span.pay-opt-icon img:first-child {
    margin-right: 10px;
    margin-left: 10px;
    height:18px;
  }
  #gokwik-buy-now > span.pay-opt-icon img:last-child {
    height:15px;
  }
  {% endif %}
  {% if settings.enableBannertext %}
  #gokwik-buy-now > span.btn-text > span:last-child {
    font-size: 10px;
    line-height: 12px;
    text-transform: initial;
    color: #000;
    text-transform: none;
    position: absolute;
    top: -8px;
    left: 6px;
    background-color: #53FF73;
    border-radius: 3px;
    padding: 1px 10px;
    font-weight: 800;
    letter-spacing: 1px;
    z-index:99;
  }
  .gokwik-checkout button > span.btn-text > span:last-child {
    font-size: 10px;
    line-height: 12px;
    text-transform: initial;
    color: #000;
    text-transform: none;
    position: absolute;
    top: -8px;
    left: 6px;
    background-color: #53FF73;
    border-radius: 3px;
    padding: 1px 10px;
    font-weight: 800;
    letter-spacing: 1px;
    z-index:99;
  }
  {% endif %}
  /* Loader CSS */
    #btn-loader{
      display: none;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      justify-content: center;
      align-items: center;
      background:{{ settings.priClr }};
      border-radius:0px;
    }
  .cir-loader,
  .cir-loader:after {
    border-radius: 50%;
    width: 35px;
    height: 35px;
  }
  .cir-loader {
    margin: 6px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.5em solid rgba(255, 255, 255, 0.2);
    border-right: 0.5em solid rgba(255, 255, 255, 0.2);
    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
    border-left: 0.5em solid #FFFFFF;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
  }
  @-webkit-keyframes load8 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes load8 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }