.del {
  text-decoration: line-through;
}


/*table-1*/

.table-bg-1 {
  background-color: rgb(33, 31, 35);
  background-repeat: no-repeat;
  @include filter-gradient(#53455b, #201e22, horizontal);
  @include background-image(radial-gradient(circle at top, rgba(83, 69, 91, 1) 0, rgba(32, 30, 34, 1) 70%));
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 100%;
  min-height: 100%;
  line-height: 1.5;
  padding: 2.5em 0;
}

.table-1 {
  border: 2px solid #5d4e65;
  min-height: 400px;
  padding-top: 2.3em;
  position: relative;
  text-align: center;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  margin-bottom: 2em;
}

.table-1:hover {
  background-color: rgb(83, 69, 91);
  border: 2px solid #ec7a37;
  box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 1);
  transform: scale(1.025);
  z-index: 2;
}

.table-1 .list {
  color: #796583;
  font-size: 0.85em;
  margin-top: 20px;
}

.button-1 {
  background-color: #9c83aa;
  border-radius: 20px;
  color: #fff;
  font-size: 1em;
  font-weight: 700;
  padding: 0.75em 1.5em;
  position: absolute;
  bottom: 1.25em;
  left: 50%;
  margin-left: -60px;
  text-decoration: none;
  width: 120px;
}

.table-1:hover .button-1 {
  background-image: linear-gradient(#ec7a37, #ff4f69);
  color: #fff;
  text-decoration: none;
}

.uppercase,
.button,
h2 {
  text-transform: uppercase;
}

sup,
.small {
  font-size: 0.6125em;
}


/*table-2*/

.table-bg-2 {
  font-family: 'Lato', sans-serif;
  min-height: 100%;
  line-height: 1.5;
  padding: 2.5em 0;
}

.table-2 {
  min-height: 400px;
  position: relative;
  text-align: center;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  margin-bottom: 2em;
  border-radius: 10px;
}

.table-2:hover {
  transform: scale(1.1);
  z-index: 2;
}

.table-2 .list {
  color: #3b3939;
  font-size: 0.85em;
  margin-top: 20px;
  padding-bottom: 24px;
}

.table-2 .top {
  background: url(img/2.jpg);
  background-position: center;
  background-size: cover;
  color: #fff;
  border-radius: 10px 10px 0px 0px;
  padding: 2em;
  position: relative;
}

.table-2 .top:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 10px 10px 0px 0px;
  background-color: rgba(245, 66, 66, 0.8);
}

.table-2 .top div {
  position: relative;
  z-index: 5;
}

.button-2 {
  background-color: #f54242;
  color: #fff;
  font-size: 1em;
  font-weight: 700;
  padding: 0.75em 1.5em;
  text-decoration: none;
  width: 120px;
  border-radius: 10px;
}

.button-2:hover {
  text-decoration: none;
  color: #fff;
}


/*table-3*/

.table-bg-3 {
  font-family: monospace;
  min-height: 100%;
  line-height: 1.5;
  padding: 2.5em 0;
}

.table-3 {
  min-height: 400px;
  position: relative;
  text-align: center;
  transition: all .9s;
  -webkit-transition: all .9s;
  margin-bottom: 2em;
  border-radius: 10px;
}

.table-3 .list {
  font-family: 'Lato', sans-serif;
  color: #3b3939;
  font-size: 0.85em;
  margin-top: 20px;
  padding-bottom: 24px;
}

.table-3 .price {
  position: relative;
  background-color: #8324ff;
  color: #fff;
  height: 160px;
  width: 160px;
  border-radius: 292px 33px 60px 60px;
  text-align: center;
  margin: auto;
  margin-bottom: 1em;
  transition: all .45s;
  -webkit-transition: all .45s;
}

.table-3 .price h1 {
  line-height: 160px;
}

.button-3 {
  background-color: #8324ff;
  color: #fff;
  font-size: 1.3em;
  font-weight: 700;
  padding: 0.9em 1.5em;
  text-decoration: none;
  width: 120px;
  border-radius: 292px 33px 60px 60px;
  transition: all .9s;
  -webkit-transition: all .9s;
}

.button-3:hover {
  text-decoration: none;
  color: #fff;
  border-radius: 50px;
}

.table-3:hover .price {
  border-radius: 50%;
}