@charset "UTF-8";
.view_content_button  {
  position: relative;
}
.theme_btn {
  margin-bottom: 20px;
}
.theme_btn .theme_btn_link {
  display: inline-block;
  padding: 5px 20px;
  font-size: 14px;
}

.btn_01 .theme_btn_link {
  background: #F9A828;
  color: #ffffff;
  border-radius: 4px;
}

.btn_02 .theme_btn_link {
  background: #2ACBA4;
  color: #ffffff;
  border-radius: 20px;
}

.btn_03 .theme_btn_link {
  background: #317AE1;
  color: #ffffff;
  border-radius: 4px;
}

.btn_04 .theme_btn_link {
  background: #A82FFC;
  color: #ffffff;
}

.btn_05 .theme_btn_link {
  background: #393E46;
  color: #ffffff;
  border-radius: 20px;
}

.btn_06 .theme_btn_link {
  background: #ffffff;
  color: #333b40;
  border-radius: 20px;
  border: 1px solid rgba(51, 59, 64, 0.5);
}

.mailbird .theme_btn_link {
  position: relative;
  background: #FDAA6E;
  color: #fff !important;
  border-radius: 0;
  border: none;
  box-shadow: 1px 1px 5px 1px rgba(51, 59, 64, 0.3);
  padding: 0 60px 0 20px;
  font-size: 31px;
  text-decoration: none;
}
.mailbird .theme_btn_link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background: url(/frontend/images/mailbird/button.png);
  background-size: cover;
  background-position: center;
}

.blueheart .theme_btn_link {
  background: #0075FF;
  color: #fff;
  border-radius: 0;
  border: none;
  padding: 5px 30px;
  font-size: 17px;
  position: relative;
  text-decoration: none;
}
.blueheart .theme_btn_link::after {
  content: "▼";
  position: absolute;
  bottom: -8px;
  left: 45%;
  font-size: 22px;
  color: #0075FF;
  line-height: 0px;
}

.pinkpoint .theme_btn_link {
  position: relative;
  background: #FEA09F;
  color: #fff !important;
  border-radius: 0;
  border-bottom-left-radius: 20px;
  border: none;
  padding: 0 60px 0 20px;
  font-size: 28px;
  text-decoration: none;
}
.pinkpoint .theme_btn_link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background: url(/frontend/images/pinkpoint/button.png);
  background-size: cover;
  background-position: center;
}

/* color area start  */
/* text_dark */
.theme_btn .text_dark {
  color: #333b40 !important;
}
.theme_btn .text_light {
  color: #ffffff !important;
}

.theme_btn {
  /* green */
  /* blue */
  /* orange */
  /* red */
  /* yellow */
  /* lime */
  /* turquoise */
  /* pink */
  /* magenta */
  /* purple */
  /* cream */
  /* chocolate */
  /* silver */
  /* cobalt */
}
.theme_btn .green {
  background: #2ACBA4 !important;
}
.theme_btn .green::after {
  color: #2ACBA4 !important;
}
.theme_btn .blue {
  background: #2879B8 !important;
}
.theme_btn .blue::after {
  color: #2879B8 !important;
}
.theme_btn .orange {
  background: #F27B21 !important;
}
.theme_btn .orange::after {
  color: #F27B21 !important;
}
.theme_btn .red {
  background: #EF3936 !important;
}
.theme_btn .red::after {
  color: #EF3936 !important;
}
.theme_btn .yellow {
  background: #F8EF26 !important;
}
.theme_btn .yellow::after {
  color: #F8EF26 !important;
}
.theme_btn .lime {
  background: #A3CD3B !important;
}
.theme_btn .lime::after {
  color: #A3CD3B !important;
}
.theme_btn .turquoise {
  background: #14ADAA !important;
}
.theme_btn .turquoise::after {
  color: #14ADAA !important;
}
.theme_btn .pink {
  background: #F499C2 !important;
}
.theme_btn .pink::after {
  color: #F499C2 !important;
}
.theme_btn .magenta {
  background: #D0256B !important;
}
.theme_btn .magenta::after {
  color: #D0256B !important;
}
.theme_btn .purple {
  background: #613E98 !important;
}
.theme_btn .purple::after {
  color: #613E98 !important;
}
.theme_btn .cream {
  background: #F1D69F !important;
}
.theme_btn .cream::after {
  color: #F1D69F !important;
}
.theme_btn .chocolate {
  background: #513422 !important;
}
.theme_btn .chocolate::after {
  color: #513422 !important;
}
.theme_btn .silver {
  background: #A9B4BA !important;
}
.theme_btn .silver::after {
  color: #A9B4BA !important;
}
.theme_btn .cobalt {
  background: #183159 !important;
}
.theme_btn .cobalt::after {
  color: #183159 !important;
}

.btn_06 .green {
  background: none !important;
  border-color: #2ACBA4 !important;
  color: #2ACBA4 !important;
}
.btn_06 .blue {
  background: none !important;
  border-color: #2879B8 !important;
  color: #2879B8 !important;
}
.btn_06 .orange {
  background: none !important;
  border-color: #F27B21 !important;
  color: #F27B21 !important;
}
.btn_06 .red {
  background: none !important;
  border-color: #EF3936 !important;
  color: #EF3936 !important;
}
.btn_06 .yellow {
  background: none !important;
  border-color: #F8EF26 !important;
  color: #F8EF26 !important;
}
.btn_06 .lime {
  background: none !important;
  border-color: #A3CD3B !important;
  color: #A3CD3B !important;
}
.btn_06 .turquoise {
  background: none !important;
  border-color: #14ADAA !important;
  color: #14ADAA !important;
}
.btn_06 .pink {
  background: none !important;
  border-color: #F499C2 !important;
  color: #F499C2 !important;
}
.btn_06 .magenta {
  background: none !important;
  border-color: #D0256B !important;
  color: #D0256B !important;
}
.btn_06 .purple {
  background: none !important;
  border-color: #613E98 !important;
  color: #613E98 !important;
}
.btn_06 .cream {
  background: none !important;
  border-color: #F1D69F !important;
  color: #F1D69F !important;
}
.btn_06 .chocolate {
  background: none !important;
  border-color: #513422 !important;
  color: #513422 !important;
}
.btn_06 .silver {
  background: none !important;
  border-color: #A9B4BA !important;
  color: #A9B4BA !important;
}
.btn_06 .cobalt {
  background: none !important;
  border-color: #183159 !important;
  color: #183159 !important;
}

/* color area end */

/*# sourceMappingURL=theme_btn.css.map */