0807.css

img {
  display: block;
}

.card {
  width: 300px;
  position: relative;
}

.card-tag {
  position: absolute;
  top: 0;
  left: 20px;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  letter-spacing: 5px;
  padding: 10px;
  background-color: #3F5D45;
  color: #EAF0ED;
}

.card-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-title {
  font-size: 20px;
  line-height: 24px;
  border: 1px solid #EAF0ED;
  padding: 14px 28px;
  color: #3F5D45;
  font-weight: bold;
}

.card-btn {
  display: block;
  padding: 16px 90px;
  border: none;
  font-size: 24px;
  line-height: 20px;
  background-color: #EAF0ED;
  color: #3F5D45;
}

.card-btn:hover {
  background-color: #3F5D45;
  color: white;
}
/*# sourceMappingURL=0807.css.map */