/** blue button **/
.shortcode.btn.blue {
  color: rgb(0, 146, 200);
  border: 3px solid rgb(0, 146, 200);
}
.shortcode.btn.blue:hover,
.shortcode.btn.blue:focus {
  color: rgb(0, 146, 200);
  border: 3px solid rgb(0, 146, 200);
}
.shortcode.btn.blue:after {
  background-image: url("../images/blue_arrow_1.svg");
}
.shortcode.btn.blue:hover:after,
.shortcode.btn.blue:focus:after {
  background-image: url("../images/blue_arrow_hover.svg");
}

/** green button **/
.shortcode.btn.green {
  color: #73b850;
  border: 3px solid #73b850;
}
.shortcode.btn.green:hover,
.shortcode.btn.green:focus {
  color: #67a349;
  border: 3px solid #67a349;
}
.shortcode.btn.green:after {
  background-image: url("../images/btn-arrow2.svg");
}
.shortcode.btn.green:hover:after,
.shortcode.btn.green:focus:after {
  background-image: url("../images/btn-arrow2-hover.svg");
}

/** white button **/
.shortcode.btn.white {
  color: #ffffff;
  border: 3px solid #ffffff;
}
/* .shortcode.btn.white:hover,
.shortcode.btn.white:focus {
  color: rgb(0, 146, 200);
  border: 3px solid rgb(0, 146, 200);
} */
.shortcode.btn.white:after {
  background-image: url("../images/btn-arrow.svg");
}
/* .shortcode.btn.white:hover:after,
.shortcode.btn.white:focus:after {
  background-image: url("../images/blue_arrow.svg");
} */

/** background colors for buttons **/
.shortcode.btn.backgroundblue:hover,
.shortcode.btn.backgroundblue:focus {
  background: rgb(0, 146, 200);
}
.shortcode.btn.backgroundgreen:hover,
.shortcode.btn.backgroundgreen:focus {
  background: #67a349;
}
.shortcode.btn.backgroundwhite:hover,
.shortcode.btn.backgroundwhite:focus {
  background: #ffffff;
}
.shortcode.btn.blue.backgroundtransparent:hover,
.shortcode.btn.blue.backgroundtransparent:focus {
  background: rgb(0 146 200 / 24%);
}
.shortcode.btn.green.backgroundtransparent:hover,
.shortcode.btn.green.backgroundtransparent:focus {
  background: #67a34940;
}
.shortcode.btn.white.backgroundtransparent:hover,
.shortcode.btn.white.backgroundtransparent:focus {
  background: #ffffff73;
}