div.glass-panel {
  position: relative;
  margin: 10px;
  border-radius: 15px;
  background: rgba(1,175,249,0.46);
  background: linear-gradient(to top right, rgba(1,175,249,0.7), rgba(1,175,249,0.46), rgba(207,217,221,0.46));
  border-bottom: 2px solid rgba(52,52,52,0.49);
  border-left: 2px solid rgba(52,52,52,0.49);
  color: #fff;
  box-shadow: -4px 4px 10px rgba(10,10,10,0.79);
  text-shadow: 1px 1px #000;
}

div.glass-panel.dark {
  background: rgba(0,4,6,0.46);
  background: linear-gradient(to bottom right, rgba(0,4,6,0.82), rgba(0,4,6,0.54), rgba(0,4,6,0.46));
  color: #fff;
}

div.panel-glass-reflexion {
  background: url(../../assets/img/glass.svg) no-repeat;
  background-size: cover;
  border-radius: 15px;
  width: 100%;
  position: absolute;
  opacity: 0.2;
  height: 100%;
}

div.glass-panel.left {
  border-left: none;
  border-bottom: 2px solid rgba(52,52,52,0.49);
  border-right: 2px solid rgba(52,52,52,0.49);
  box-shadow: 4px 4px 10px rgba(10,10,10,0.79);
}

div.glass-panel.left > div.panel-glass-reflexion {
  transform: scaleX(-1);
}

div.panel-glass-content {
  padding: 20px;
}