#article-in-category-template-1 {
    .img-container {
        display: block;
        height: 200px;
    }

    .article_date {
        font-style: italic;
    }

    .article-speed-dial.speed-dial {

        & {
            margin: 0 0 34px 5px;
            padding-left: 5px;
            max-width: 315px;
            min-width: 315px;
        }

        .title {
            z-index: 999;
            white-space: nowrap;
            text-decoration: none;
            position: relative;
            -webkit-transition: 0.3s color ease;
            -o-transition: 0.3s color ease;
            transition: 0.3s color ease;
            font-weight: 900;
            color: var(--g-color-1);
            font-size: 16px;
            padding: 4px 6px 3px 6px;
        }

        &:hover .title {
            color: var(--g-color-1);
        }

        .svgContainer {
            width: 28px;
            height: 28px;
        }

        .title svg {
            transition: 0.3s color ease;
            color: var(--g-color-3);
            padding-bottom: 4px;
        }

        &:hover .title svg {
            color: var(--g-color-1);
        }

        .speed-dial-deco {
            position: absolute;
            width: calc(50% - 25px);
            top: -11px;
            overflow: hidden;
        }

        .speed-dial-deco svg {
            width: 360px;
        }

        .speed-dial-deco.left-border {
            left: -20px;
        }

        .speed-dial-deco.right-border {
            right: 96px;
        }

        .speed-dial-deco.right-border svg {
            left: calc(100% - 434px);
            position: relative;
        }

        .speed-dial-deco .to_include_speed-dial {
            color: var(--g-color-3);
        }

        .speed-dial-deco svg path {
            fill: white;
            transition: fill 0.3s ease-in-out;
        }

        &:hover .speed-dial-deco svg path {
            fill: var(--g-color-3);
        }
    }
}