/* CSI */
.vey-button .solid-csi {
  border: 0.5px solid #16b3b3;
  background-color: #36cece;
}

.vey-button .solid-csi:hover {
  box-shadow: 0 1px 0 0 #16b3b3;
}

.vey-button .outlined-csi {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #36cece;
  color: #36cece;
}

.vey-button .outlined-csi:hover {
  color: #fff;
  border: 0.5px solid #16b3b3;
  background-color: #36cece;
}

.vey-button .solid-temp-cover {
  border-radius: 4px;
  background-color: #044656;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.vey-button .outlined-temp-cover {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #044656;
  color: #044656;
}

.vey-button .solid-temp-cover:hover {
  border-radius: 4px;
  background-color: #0d7a86;
  border: 0.5px solid #0d7a86;
  box-shadow: 0 2px 0 0 #044e56;
}

.vey-button .outlined-temp-cover:hover {
  background-color: #044656;
  border: 2px solid #044656;
  color: #fff;
}

.vey-button .solid-temp-cover:active,
.outlined-temp-cover:active {
  border-radius: 4px;
  background-color: #0d7a86;
  border: 0.5px solid #0d7a86;
  box-shadow: 0 2px 0 0 #044e56;
}

.vey-button .solid-white-csi {
  background-color: #ffffff;
  border: 1px solid transparent;
  color: #30C6E2;
}

.vey-button .solid-white-csi:hover {
  border: 1px solid #30C6E2;
}

.vey-button .solid-white-temp-cover {
  background-color: #ffffff;
  border: 1px solid transparent;
  color: #36CECE;
}

.vey-button .solid-white-temp-cover:hover {
  border: 1px solid #36CECE;
}

.vey-button .solid-white-ldp:hover {
  border: 1px solid #249cb5;
}