/* ---------------- formularios -------------------- */

.wbb5-button,
.wbb5-button-send,
.wbb5-button-cancel
{
  min-width: 130px;
  height: 30px;
  color: #333;
  padding: 5px 10px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  overflow: hidden;
  border-radius: 6px;
  border: none;
  border-right: solid 6px var(--color-rediris-amarillo-1);
  background-color: var(--color-rediris-verde-2)
}
/*
.wbb5-button-cancel {
  border-right: solid 6px #ff9999;
  background-color: #ffcccc;
}
*/

.wbb5-button:hover,
.wbb5-button-send:hover,
.wbb5-button-send:focus
 {
  color: white;
  border-right: solid 6px var(--color-rediris-amarillo);
  background-color: var(--color-rediris-verde-1)
}
.wbb5-button-cancel:hover {
  color: white;
  border-right: solid 6px #ff3333;
  background-color: #ff6666;
}
.wbb5-button-send:hover,
.wbb5-button-cancel:hover
 {
  padding-right: 24px;
  padding-left:8px;
}


.wbb5-button-send:hover:after,
.wbb5-button-cancel:hover:after {
  opacity: 1;
  right: 10px;
}

.wbb5-button-send:after,
.wbb5-button-cancel:after
{
  color: white;
  position: absolute;
  opacity: 0;
  font-size: 20px;
  line-height: 40px;
  top: -6px;
  right: -20px;
  transition: 0.4s;
}

.wbb5-button-send:after
{
  content: "\00BB";
}
.wbb5-button-cancel:after
{
  content: "x";
}

/* Botones deshabilitados */

.wbb5-button:disabled,
.wbb5-button-send:disabled,
.wbb5-button-cancel:disabled
{
	border-right: solid 6px var(--color-rediris-gris-1);
	background-color: var(--color-rediris-table-td-border);
	cursor: not-allowed;
	pointer-events: none;
}