.xt_woofc-animation-morph {

  .xt_woofc-inner {
    .xt_woofc-trigger{
      position: absolute;
      bottom:0;
    }
    .xt_woofc-wrapper {
      transition-timing-function: cubic-bezier(.67,.17,.32,.95);
      transition: height .4s .1s, width .4s .1s, box-shadow .5s, border-radius .5s;
      height: 72px;
      width: 72px;
    }

    .xt_woofc-header,
    .xt_woofc-body{
      opacity: 0;
      transition: opacity .2s .2s, border-radius 0.5s;
    }

  }

  .xt_woofc-checkout {
    border-radius: 0 0 0 6px;
  }

  &.xt_woofc-cart-open{

    .xt_woofc-inner {

      .xt_woofc-wrapper {
        height: 100% !important;
        width: 100% !important;
        transition-delay: 0s;
      }

      .xt_woofc-header,
      .xt_woofc-body{
        opacity: 1;
        transition: opacity .2s 0s;
      }
    }

    .xt_woofc-trigger .xt_woofc-count {
      transition: opacity 0.2s;
      opacity: 0;
    }

    &.xt_woofc-is-desktop.xt_woofc-pos-bottom-left,
    &.xt_woofc-is-desktop.xt_woofc-pos-top-left,

    &.xt_woofc-is-tablet.xt_woofc-pos-bottom-left,
    &.xt_woofc-is-tablet.xt_woofc-pos-top-left,

    &.xt_woofc-is-mobile.xt_woofc-mobile-pos-bottom-left,
    &.xt_woofc-is-mobile.xt_woofc-mobile-pos-top-left{
      .xt_woofc-trigger {
        border-radius: 0 0 0 6px;
        transition: border-bottom-left-radius 0.5s;
      }
    }

    &.xt_woofc-is-desktop.xt_woofc-pos-bottom-right,
    &.xt_woofc-is-desktop.xt_woofc-pos-top-right,

    &.xt_woofc-is-tablet.xt_woofc-tablet-pos-bottom-right,
    &.xt_woofc-is-tablet.xt_woofc-tablet-pos-top-right,

    &.xt_woofc-is-mobile.xt_woofc-mobile-pos-bottom-right,
    &.xt_woofc-is-mobile.xt_woofc-mobile-pos-top-right{
      .xt_woofc-trigger {
        border-radius: 0 0 6px 0;
        transition: border-bottom-right-radius 0.5s;
      }
    }
  }


  &.xt_woofc-is-desktop.xt_woofc-pos-bottom-left,
  &.xt_woofc-is-desktop.xt_woofc-pos-top-left,

  &.xt_woofc-is-tablet.xt_woofc-tablet-pos-bottom-left,
  &.xt_woofc-is-tablet.xt_woofc-tablet-pos-top-left,

  &.xt_woofc-is-mobile.xt_woofc-mobile-pos-bottom-left,
  &.xt_woofc-is-mobile.xt_woofc-mobile-pos-top-left{

    .xt_woofc-trigger {
      left: 0;
    }
  }

  &.xt_woofc-is-desktop.xt_woofc-pos-bottom-right,
  &.xt_woofc-is-desktop.xt_woofc-pos-top-right,

  &.xt_woofc-is-tablet.xt_woofc-tablet-pos-bottom-right,
  &.xt_woofc-is-tablet.xt_woofc-tablet-pos-top-right,

  &.xt_woofc-is-mobile.xt_woofc-mobile-pos-bottom-right,
  &.xt_woofc-is-mobile.xt_woofc-mobile-pos-top-right{

    .xt_woofc-trigger {
      right: 0;
    }
  }


  &.xt_woofc-is-desktop.xt_woofc-pos-bottom-right,
  &.xt_woofc-is-desktop.xt_woofc-pos-top-right,

  &.xt_woofc-is-tablet.xt_woofc-tablet-pos-bottom-right,
  &.xt_woofc-is-tablet.xt_woofc-tablet-pos-top-right,

  &.xt_woofc-is-mobile.xt_woofc-mobile-pos-bottom-right,
  &.xt_woofc-is-mobile.xt_woofc-mobile-pos-top-right {
    .xt_woofc-inner a.xt_woofc-checkout {
      margin-right: 72px;
    }
  }

  &.xt_woofc-is-desktop.xt_woofc-pos-bottom-left,
  &.xt_woofc-is-desktop.xt_woofc-pos-top-left,

  &.xt_woofc-is-tablet.xt_woofc-tablet-pos-bottom-left,
  &.xt_woofc-is-tablet.xt_woofc-tablet-pos-top-left,

  &.xt_woofc-is-mobile.xt_woofc-mobile-pos-bottom-left,
  &.xt_woofc-is-mobile.xt_woofc-mobile-pos-top-left{
    .xt_woofc-inner a.xt_woofc-checkout {
      margin-left: 72px;
    }
  }
}