* {
  margin:0;
  padding:0
}

h3 {
  font-size: 32px;
}
img {
  max-width: 100%;
}
body
{
    font-family: 'Open Sans', sans-serif;
    background: #525659;
    font-size: 14px;
    padding: 30px;
}
.inner {
  width: auto;
  min-width: 900px;
  margin: 0 auto;
  background: #fff;
  display: table;
  box-shadow: 0 0 5px #000;
}

.inner .citem {
  display:flex;
  position:relative;
  margin-bottom: 20px;
}

.inner .citem pre {
  opacity:0;
  width:0 !important;
  height:0;
}

.inner .citem .cc {
  position:absolute;
  z-index:99;
  background: rgb(145 51 104);
  display: table;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 5px 10px;
  color:#fff;
  bottom:0;
  font-weight: 600;
  text-decoration:none;
  margin: auto auto;
  left: 0;
  right: 0;
  width: 160px;
  text-align: center;
}
.inner .citem .cc:hover {
  background:rgb(167 63 122)
}