/* 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;
}