/*=========================================================================
# Layout Overview
===========================================================================
File Name    	  : Layout 12
Author          : Weplugins
Developer       : Dinesh Suthar
===========================================================================*/

/* Button style */
.wth-helpful-container .wth-btn-wrapper {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  gap: unset;
}

.wth-helpful-container .wth-btn-wrapper > .wth-btn {
  --wth-btn-padding-x: 15px;
  position: relative;
  flex: 1 1 auto;
}

.wth-helpful-container .wth-btn-wrapper {
  border-radius: var(--wth-border-radius);
}

.wth-helpful-container .wth-btn-wrapper > .wth-btn {
  margin-left: calc(var(--wth-border-width) * -1);
}

.wth-helpful-container .wth-btn-wrapper > .wth-btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wth-helpful-container .wth-btn-wrapper > .wth-btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.wth-helpful-container .wth-btn-like {
  --wth-btn-color: var(--wth-dark);
  --wth-btn-bg: transparent;
  --wth-btn-border-color: var(--wth-dark);
  --wth-btn-hover-color: var(--wth-white);
  --wth-btn-hover-bg: var(--wth-dark);
  --wth-btn-hover-border-color: var(--wth-dark);
}

.wth-helpful-container .wth-btn-dislike {
  --wth-btn-color: var(--wth-dark);
  --wth-btn-bg: transparent;
  --wth-btn-border-color: var(--wth-dark);
  --wth-btn-hover-color: var(--wth-white);
  --wth-btn-hover-bg: var(--wth-dark);
  --wth-btn-hover-border-color: var(--wth-dark);
}