@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,700);
* {
  box-sizing: border-box;
}

.article_reading_time {
    color: var(--section_color);
    font-size: 16px;
    margin: 8px 0;
}
.article_title_line span { 
    display: block;
    width: 70%; 
    height: 2px; 
    margin: 5px 15%; 
    background-color: var(--section_color)
  }
.article_title_line span:last-child { width: 50%;  margin: 5px 25%;  }

.insert_recommend_product {
    display: grid;
    grid-template-columns: 100%;
    width: 100%;
    grid-template-rows: 120px 70px;
    background-color: var(--section_color);
    border-radius: 18px;
}
.insert_recommend_product p { 
    margin: 0px;
    padding: 4px !important;
}

.btnRecommend {
    display: inline-block;
    padding: 0.65em 1.6em;
    border: 3px solid #ffffff;
    background-color: #000000;
    border-radius: 0.12em;
    box-sizing: border-box;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    transition: all 0.2s;
    animation: btnRecommendbouncy 5s infinite linear;
    position: relative;
}

.btnRecommend:hover {
    background-color: white;
    color: #000000;
}

@keyframes btnRecommendbouncy {
    0% {
        top: 0em;
    }
    40% {
        top: 0em;
    }
    43% {
        top: -0.9em;
    }
    46% {
        top: 0em;
    }
    48% {
        top: -0.4em;
    }
    50% {
        top: 0em;
    }
    100% {
        top: 0em;
    }
}