/*========================================*/
/* Button - Elements */
/*========================================*/
.webgatha_button_wrapper {
  display: inline-block;
}

.webgatha_button_wrapper .webgatha-button-default,
.webgatha_button_wrapper .webgatha-button-border,
.webgatha_button_wrapper .webgatha-button-link {
  display: inline-block;
}

.webgatha_button_wrapper .webgatha-button-default a,
.webgatha_button_wrapper .webgatha-button-border a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.webgatha_button_wrapper .webgatha-button-icon {
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.webgatha_button_wrapper .webgatha-icon-flat-outer a {
  overflow: visible;
}

/*=========================================*/
/* Button Default */
/*=========================================*/
.webgatha_button_wrapper .webgatha-button-default a {
  color: #ffffff;
}

.webgatha_button_wrapper .webgatha-button-default a:hover {
  background: #323232;
  color: #ffffff;
}

/*=========================================*/
/* Button Border */
/*=========================================*/
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-large a,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-border a {
  border-width: 2px;
}

/*=========================================*/
/* Button Links */
/*=========================================*/
.webgatha_button_wrapper .webgatha-button-link a {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  position: relative;
  text-transform: capitalize;
}

.webgatha_button_wrapper .webgatha-button-link a:hover {
  text-decoration: underline;
}

.webgatha_button_wrapper .webgatha-button-link.webgatha-button-large a {
  font-size: 17px;
  line-height: 26px;
  font-weight: 600;
}

.webgatha_button_wrapper .webgatha-button-link.webgatha-button-small a {
  font-size: 14px;
  line-height: 20px;
}

/*------------------*/
/* Button Link */
/*------------------*/
.webgatha_button_wrapper .webgatha-button-link > a {
  font-size: 15px;
  font-weight: 500;
}

.webgatha_button_wrapper .webgatha-button-link > a:hover {
  text-decoration: none;
}

/*==================================*/
/* Button With Icon Size */
/*==================================*/
.webgatha_button_wrapper .webgatha-button-default .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border .webgatha-button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0;
}

.webgatha_button_wrapper .webgatha-button-default.icon-at-left.webgatha-icon-default .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.icon-at-left.webgatha-icon-default .webgatha-button-icon {
  margin-left: 10px;
}

.webgatha_button_wrapper .webgatha-button-default.icon-at-right.webgatha-icon-default .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.icon-at-right.webgatha-icon-default .webgatha-button-icon {
  margin-right: 10px;
}

.webgatha_button_wrapper .webgatha-button-default.webgatha-button-small .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-extra-small .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-small .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-extra-small .webgatha-button-icon {
  margin-right: 0;
}

/*------------------*/
/* Icon Right */
/*------------------*/
.webgatha_button_wrapper .webgatha-button-default.icon-at-right .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.icon-at-right .webgatha-button-icon {
  margin-right: 0;
  margin-left: 0;
  order: 2;
}

.webgatha_button_wrapper .webgatha-button-default.icon-at-right.webgatha-button-small .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-default.icon-at-right.webgatha-button-extra-small .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.icon-at-right.webgatha-button-small .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.icon-at-right.webgatha-button-extra-small .webgatha-button-icon {
  margin-left: 0;
}

.webgatha_button_wrapper .webgatha-button-default .webgatha-button-text,
.webgatha_button_wrapper .webgatha-button-border .webgatha-button-text {
  margin-left: 10px;
  margin-right: 10px;
}

.webgatha_button_wrapper .webgatha-button-default.icon-at-right .webgatha-button-text,
.webgatha_button_wrapper .webgatha-button-border.icon-at-right .webgatha-button-text {
  order: 1;
}

/*------------------*/
/* Extra Large */
/*------------------*/
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-extra-large a,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-extra-large a {
  padding: 20px;
  min-width: 145px;
  min-height: 50px;
  justify-content: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}

.webgatha_button_wrapper .webgatha-button-border.webgatha-button-extra-large a {
  padding: 18px 20px;
}

/* Icon Size */
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-extra-large.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-extra-large.webgatha-icon-border .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-extra-large.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-extra-large.webgatha-icon-border .webgatha-button-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin-top: -5px;
  margin-bottom: -5px;
}

.webgatha_button_wrapper .webgatha-button-border.webgatha-button-extra-large.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-extra-large.webgatha-icon-border .webgatha-button-icon {
  margin-left: -5px;
}

/*------------------*/
/* Large Button */
/*------------------*/
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-large a,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-large a {
  padding: 17px;
  min-width: 140px;
  min-height: 50px;
  justify-content: center;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
}

.webgatha_button_wrapper .webgatha-button-border.webgatha-button-large a {
  padding: 15px 17px;
}

/* Icon Size */
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-large.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-large.webgatha-icon-border .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-large.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-large.webgatha-icon-border .webgatha-button-icon {
  flex: 0 0 33px;
  width: 33px;
  height: 33px;
  margin-top: -5px;
  margin-bottom: -5px;
}

.webgatha_button_wrapper .webgatha-button-border.webgatha-button-large.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-large.webgatha-icon-border .webgatha-button-icon {
  margin-left: -5px;
}

/*------------------*/
/* Normal Button */
/*------------------*/
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-normal a,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-normal a {
  padding: 15px;
  min-width: 130px;
  min-height: 42px;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.webgatha_button_wrapper .webgatha-button-border.webgatha-button-normal a {
  padding: 13px 15px;
}

/* Icon Size */
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-normal.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-normal.webgatha-icon-border .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-normal.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-normal.webgatha-icon-border .webgatha-button-icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-top: -5px;
  margin-bottom: -5px;
}

.webgatha_button_wrapper .webgatha-button-border.webgatha-button-normal.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-normal.webgatha-icon-border .webgatha-button-icon {
  margin-left: -5px;
}

/*------------------*/
/* Small Button */
/*------------------*/
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-small a,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-small a {
  padding: 10px;
  min-width: 110px;
  min-height: 40px;
  justify-content: center;
  font-size: 13px;
  line-height: 18px;
}

/* Icon Size */
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-small.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-small.webgatha-icon-border .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-small.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-small.webgatha-icon-border .webgatha-button-icon {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  margin-top: -2px;
  margin-bottom: -2px;
}

/*------------------*/
/* Extra Small */
/*------------------*/
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-extra-small a,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-extra-small a {
  padding: 8px;
  min-width: 100px;
  min-height: 34px;
  justify-content: center;
  font-size: 12px;
  line-height: 18px;
}

.webgatha_button_wrapper .webgatha-button-border.webgatha-button-extra-small a {
  padding: 5px 15px;
}

/* Icon Size */
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-extra-small.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-default.webgatha-button-extra-small.webgatha-icon-border .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-extra-small.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-border.webgatha-button-extra-small.webgatha-icon-border .webgatha-button-icon {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-top: -2px;
  margin-bottom: -2px;
}

/*-----------------------------------*/
/* Button Shape */
/*-----------------------------------*/
.webgatha_button_wrapper .webgatha-button-hover-square a:hover {
  border-radius: 0;
}

.webgatha_button_wrapper .webgatha-button-rounded a,
.webgatha_button_wrapper .webgatha-button-hover-rounded a:hover {
  border-radius: 3px;
}

.webgatha_button_wrapper .webgatha-button-round a,
.webgatha_button_wrapper .webgatha-button-hover-round a:hover {
  border-radius: 50px;
}

/*-----------------------------------*/
/* Icon Shape */
/*-----------------------------------*/
.webgatha_button_wrapper .webgatha-button-default .button-icon-rounded,
.webgatha_button_wrapper .webgatha-button-border .button-icon-rounded {
  border-radius: 3px;
}

.webgatha_button_wrapper .webgatha-button-default .button-icon-round,
.webgatha_button_wrapper .webgatha-button-border .button-icon-round {
  border-radius: 50px;
}

/*-----------------------------------*/
/* Button Block */
/*-----------------------------------*/
.webgatha_button_wrapper.webgatha-btn-block,
.webgatha_button_wrapper.webgatha-btn-block .webgatha-button-block {
  display: block;
}

.webgatha_button_wrapper.webgatha-btn-block .webgatha-button-block a {
  padding: 15px;
  min-height: 42px;
}

/*=========================================*/
/* Button Icon Outer */
/*=========================================*/
.webgatha_button_wrapper .webgatha-icon-flat-outer .webgatha-button-icon {
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.07);
}

.webgatha_button_wrapper .icon-at-left.webgatha-icon-flat-outer .webgatha-button-icon,
.webgatha_button_wrapper .icon-at-right.webgatha-icon-flat-outer .webgatha-button-icon {
  position: absolute;
  top: 50%;
  margin: 0 !important;
  transform: translateY(-50%);
}

/*----------------------*/
/* Outer Icon - Left */
/*---------------------*/
.webgatha_button_wrapper .webgatha-button-extra-large.webgatha-icon-flat-outer.icon-at-left .webgatha-button-icon {
  left: -22px;
}

/* Large - Icon Left */
.webgatha_button_wrapper .webgatha-button-large.webgatha-icon-flat-outer.icon-at-left .webgatha-button-icon {
  left: -18px;
}

/* Large - Icon Left */
.webgatha_button_wrapper .webgatha-button-normal.webgatha-icon-flat-outer.icon-at-left .webgatha-button-icon {
  left: -15px;
}

/* Large - Icon Left */
.webgatha_button_wrapper .webgatha-button-small.webgatha-icon-flat-outer.icon-at-left .webgatha-button-icon {
  left: -13px;
}

/* Large - Icon Left */
.webgatha_button_wrapper .webgatha-button-extra-small.webgatha-icon-flat-outer.icon-at-left .webgatha-button-icon {
  left: -10px;
}

/*----------------------*/
/* Outer Icon - Right */
/*---------------------*/
.webgatha_button_wrapper .webgatha-button-extra-large.webgatha-icon-flat-outer.icon-at-right .webgatha-button-icon {
  right: -22px;
}

/* Large - Icon Left */
.webgatha_button_wrapper .webgatha-button-large.webgatha-icon-flat-outer.icon-at-right .webgatha-button-icon {
  right: -18px;
}

/* Large - Icon Left */
.webgatha_button_wrapper .webgatha-button-normal.webgatha-icon-flat-outer.icon-at-right .webgatha-button-icon {
  right: -15px;
}

/* Large - Icon Left */
.webgatha_button_wrapper .webgatha-button-small.webgatha-icon-flat-outer.icon-at-right .webgatha-button-icon {
  right: -13px;
}

/* Large - Icon Left */
.webgatha_button_wrapper .webgatha-button-extra-small.webgatha-icon-flat-outer.icon-at-right .webgatha-button-icon {
  right: -10px;
}

/*=========================================*/
/* Button Link - Icon */
/*=========================================*/
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-default a,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-flat a,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-border a {
  display: flex;
}

.webgatha_button_wrapper .webgatha-button-link .webgatha-button-icon {
  margin-right: 10px;
}

.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-default .webgatha-button-text,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-flat .webgatha-button-text,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-border .webgatha-button-text {
  align-self: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-default .webgatha-button-icon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-border .webgatha-button-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*-----------------------*/
/* Link Icon Shape */
/*-----------------------*/
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-flat .button-icon-rounded,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-border .button-icon-rounded {
  border-radius: 5px;
}

.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-flat .button-icon-round,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-border .button-icon-round {
  border-radius: 60px;
}

/*----------------------*/
/* Link Icon - Size */
/*----------------------*/
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-default.webgatha-icon-xl .webgatha-button-icon {
  font-size: 50px;
  line-height: normal;
}

.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-default.webgatha-icon-lg .webgatha-button-icon {
  font-size: 40px;
  line-height: normal;
}

.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-default.webgatha-icon-md .webgatha-button-icon {
  font-size: 30px;
  line-height: normal;
}

.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-default.webgatha-icon-sm .webgatha-button-icon {
  font-size: 22px;
  line-height: normal;
}

.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-default.webgatha-icon-xs .webgatha-button-icon {
  font-size: 16px;
  line-height: normal;
}

/* Extra Large */
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-flat.webgatha-icon-xl .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-border.webgatha-icon-xl .webgatha-button-icon {
  flex: 0 0 70px;
  width: 70px;
  height: 70px;
  font-size: 26px;
}

/* Large */
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-flat.webgatha-icon-lg .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-border.webgatha-icon-lg .webgatha-button-icon {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  font-size: 22px;
}

/* Normal */
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-flat.webgatha-icon-md .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-border.webgatha-icon-md .webgatha-button-icon {
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  font-size: 18px;
}

/* Small */
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-flat.webgatha-icon-sm .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-border.webgatha-icon-sm .webgatha-button-icon {
  flex: 0 0 37px;
  width: 37px;
  height: 37px;
  font-size: 16px;
}

/* Extra Small */
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-flat.webgatha-icon-xs .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-border.webgatha-icon-xs .webgatha-button-icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  font-size: 14px;
}

/*----------------------*/
/* Link Icon - Right */
/*----------------------*/
.webgatha_button_wrapper .webgatha-button-link.icon-at-right .webgatha-button-icon {
  margin-right: 0;
  margin-left: 10px;
}

.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-default.icon-at-right .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-flat.icon-at-right .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-border.icon-at-right .webgatha-button-icon {
  order: 2;
}

.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-default.icon-at-right .webgatha-button-text,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-flat.icon-at-right .webgatha-button-text,
.webgatha_button_wrapper .webgatha-button-link.webgatha-icon-border.icon-at-right .webgatha-button-text {
  order: 1;
}

/*----------------------*/
/* Link Icon - Top */
/*----------------------*/
.webgatha_button_wrapper .webgatha-button-link.icon-at-top.webgatha-icon-default a,
.webgatha_button_wrapper .webgatha-button-link.icon-at-top.webgatha-icon-flat a,
.webgatha_button_wrapper .webgatha-button-link.icon-at-top.webgatha-icon-border a {
  display: block;
  text-align: center;
}

.webgatha_button_wrapper .webgatha-button-link.icon-at-top.webgatha-icon-default .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-link.icon-at-top.webgatha-icon-flat .webgatha-button-icon,
.webgatha_button_wrapper .webgatha-button-link.icon-at-top.webgatha-icon-border .webgatha-button-icon {
  margin: 0;
  margin-bottom: 10px;
}

.webgatha_button_wrapper .webgatha-button-link.icon-at-top.webgatha-icon-default .webgatha-button-text,
.webgatha_button_wrapper .webgatha-button-link.icon-at-top.webgatha-icon-flat .webgatha-button-text,
.webgatha_button_wrapper .webgatha-button-link.icon-at-top.webgatha-icon-border .webgatha-button-text {
  display: block;
}

/*=========================================*/
/* Icon Outer in Round Button */
/*=========================================*/
.webgatha-icon-flat-outer.webgatha-button-border.webgatha-button-round .webgatha-button-text,
.webgatha-icon-flat-outer.webgatha-button-default.webgatha-button-round .webgatha-button-text {
  margin-left: 15px;
  margin-right: 15px;
}

.webgatha-icon-flat-outer.webgatha-button-border.webgatha-button-round.icon-at-left .button-icon-round,
.webgatha-icon-flat-outer.webgatha-button-default.webgatha-button-round.icon-at-left .button-icon-round {
  position: relative;
  left: 0;
  top: 0;
  transform: inherit;
  margin-top: -15px !important;
  margin-bottom: -15px !important;
  margin-left: -16px !important;
}

.webgatha-icon-flat-outer.webgatha-button-border.webgatha-button-round.icon-at-right .button-icon-round,
.webgatha-icon-flat-outer.webgatha-button-default.webgatha-button-round.icon-at-right .button-icon-round {
  position: relative;
  left: 0;
  top: 0;
  transform: inherit;
  margin-top: -15px !important;
  margin-bottom: -15px !important;
  margin-right: -16px !important;
}

.webgatha-icon-flat-outer.webgatha-button-border.webgatha-button-round.webgatha-button-extra-large .button-icon-round,
.webgatha-icon-flat-outer.webgatha-button-default.webgatha-button-round.webgatha-button-extra-large .button-icon-round {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
}

.webgatha-icon-flat-outer.webgatha-button-border.webgatha-button-round.webgatha-button-large .button-icon-round,
.webgatha-icon-flat-outer.webgatha-button-default.webgatha-button-round.webgatha-button-large .button-icon-round {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
}

.webgatha-icon-flat-outer.webgatha-button-border.webgatha-button-round.webgatha-button-normal .button-icon-round,
.webgatha-icon-flat-outer.webgatha-button-default.webgatha-button-round.webgatha-button-normal .button-icon-round {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
}

.webgatha-icon-flat-outer.webgatha-button-border.webgatha-button-round.webgatha-button-small .button-icon-round,
.webgatha-icon-flat-outer.webgatha-button-default.webgatha-button-round.webgatha-button-small .button-icon-round {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
}

.webgatha-icon-flat-outer.webgatha-button-border.webgatha-button-round.webgatha-button-extra-small .button-icon-round,
.webgatha-icon-flat-outer.webgatha-button-default.webgatha-button-round.webgatha-button-extra-small .button-icon-round {
  flex: 0 0 33px;
  width: 33px;
  height: 33px;
}

/*=========================================*/
/* Button Hover Effect */
/*=========================================*/
.webgatha-button-fade-bg,
.webgatha-button-bottom-bg,
.webgatha-button-top-bg,
.webgatha-button-left-bg,
.webgatha-button-right-bg,
.webgatha-button-center-hz-bg,
.webgatha-button-center-vt-bg,
.webgatha-button-center-dg-bg {
  overflow: hidden;
}

.webgatha-button-fade-bg .webgatha-button-text,
.webgatha-button-bottom-bg .webgatha-button-text,
.webgatha-button-top-bg .webgatha-button-text,
.webgatha-button-left-bg .webgatha-button-text,
.webgatha-button-right-bg .webgatha-button-text,
.webgatha-button-center-hz-bg .webgatha-button-text,
.webgatha-button-center-vt-bg .webgatha-button-text,
.webgatha-button-center-dg-bg .webgatha-button-text {
  position: relative;
  z-index: 8;
}

.webgatha_button_wrapper .webgatha-button-hover {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background: 0 0;
  z-index: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* Fade Effect */
.webgatha_button_wrapper .webgatha-button-fade-bg .webgatha-button-hover {
  background: #CCC;
  opacity: 0;
}

.webgatha_button_wrapper .webgatha-button-fade-bg a:hover .webgatha-button-hover {
  opacity: 1;
}

/* Top Effect */
.webgatha_button_wrapper .webgatha-button-top-bg .webgatha-button-hover {
  top: -105%;
  background: #CCC;
}

.webgatha_button_wrapper .webgatha-button-top-bg a:hover .webgatha-button-hover {
  top: 0;
}

/* Bottom Effect */
.webgatha_button_wrapper .webgatha-button-bottom-bg .webgatha-button-hover {
  top: 105%;
  background: #CCC;
}

.webgatha_button_wrapper .webgatha-button-bottom-bg a:hover .webgatha-button-hover {
  top: 0;
}

/* Left Effect */
.webgatha_button_wrapper .webgatha-button-left-bg .webgatha-button-hover {
  left: -105%;
  background: #CCC;
}

.webgatha_button_wrapper .webgatha-button-left-bg a:hover .webgatha-button-hover {
  left: 0;
}

/* Right Effect */
.webgatha_button_wrapper .webgatha-button-right-bg .webgatha-button-hover {
  left: 105%;
  background: #CCC;
}

.webgatha_button_wrapper .webgatha-button-right-bg a:hover .webgatha-button-hover {
  left: 0;
}

/* Center Horizontal Effect */
.webgatha_button_wrapper .webgatha-button-center-hz-bg .webgatha-button-hover {
  width: 0;
  height: 103%;
  top: 50%;
  left: 50%;
  background: #CCC;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.webgatha_button_wrapper .webgatha-button-center-hz-bg a:hover .webgatha-button-hover {
  width: 100%;
  opacity: 1;
}

/* Center Vertical Effect */
.webgatha_button_wrapper .webgatha-button-center-vt-bg .webgatha-button-hover {
  width: 101%;
  height: 0;
  top: 50%;
  left: 50%;
  background: #CCC;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.webgatha_button_wrapper .webgatha-button-center-vt-bg a:hover .webgatha-button-hover {
  height: 100%;
  opacity: 1;
}

/* Center BG Effect */
.webgatha_button_wrapper .webgatha-button-center-dg-bg .webgatha-button-hover {
  width: 100%;
  height: 0;
  top: 50%;
  left: 50%;
  background: #CCC;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.webgatha_button_wrapper .webgatha-button-center-dg-bg a:hover .webgatha-button-hover {
  height: 260%;
  opacity: 1;
}

/*------------------------*/
/* Button Lightbox */
/*------------------------*/
.webgatha-popup {
  position: relative;
  background: #fff;
  width: 70%;
  height: 90vh;
  margin: 0 auto;
  padding: 20px;
  overflow: auto;
}

.mfp-close-btn-in .webgatha-popup .mfp-close {
  color: #323232;
  font-size: 30px;
  background: 0 0;
  right: 10px;
}

@media screen and (max-width: 768px) {
  .webgatha-popup {
    width: 92%;
    margin: 4%;
    padding: 15px;
  }
}