.imagelinktiles {
    .tiled-a {
        .container {
            padding: 50px 10px 40px;
            width: auto;
            .row>div {
                a {
                    display: block;
                    margin-bottom: 20px;
                    .img-container {
                        border-radius: 5px;
                        height: calc((100vw - 50px) * 0.676);
                        position: relative;
                        .title {
                            color: @white;
                            font-size: 20px;
                            line-height: 24px;
                            padding: 0;
                            position: absolute;
                            top: 20px;
                            left: 20px;
                        }
                        .image {
                            background-size: cover;
                            background-position: top center;
                            border-radius: 5px;
                            height: inherit;
                            position: relative;
                            width: inherit;
                            &:after {
                                background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.43)), to(rgba(125, 185, 232, 0)));
                                background: linear-gradient(to right, rgba(0, 0, 0, 0.43) 0%, rgba(125, 185, 232, 0) 100%);
                                content: '';
                                position: absolute;
                                top: 0;
                                left: 0;
                                right: 0;
                                bottom: 0;
                                border-radius: 5px;
                            }
                        }
                        .short-button {
                            background-color: transparent;
                            border-radius: 20px;
                            border: 2px solid @white;
                            color: @white;
                            width: 58px;
                            height: 40px;
                            padding: 0;
                            position: absolute;
                            bottom: 20px;
                            right: 20px;
                            .arrow {
                                border-bottom: 2px solid @white;
                                border-right: 2px solid @white;
                                height: 15px;
                                width: 15px;
                                padding: 5px;
                                -webkit-transform: rotate(-45deg);
                                transform: rotate(-45deg);
                                display: inline-block;
                                position: absolute;
                                right: 22px;
                                bottom: 10px;
                            }
                            &:hover {
                                background-color: @white;
                                .arrow {
                                    border-bottom: 2px solid @centenedotcom-navy;
                                    border-right: 2px solid @centenedotcom-navy;
                                }
                            }
                        }
                    }
                    &:hover {
                        .short-button {
                            background-color: @white;
                            .arrow {
                                border-bottom: 2px solid @centenedotcom-navy;
                                border-right: 2px solid @centenedotcom-navy;
                            }
                        }
                    }
                    &:focus {
                        outline: thin dotted;
                        outline: 5px auto -webkit-focus-ring-color;
                        outline-offset: 3px;
                    }
                }
            }
        }
    }
    @media (min-width: 768px) {
        .tiled-a {
            .container {
                padding: 105px 10px 80px;
                .row>div {
                    a {
                        .img-container {
                            height: calc(350px * 0.676);
                            .title {
                                font-size: 30px;
                                line-height: 36px;
                            }
                        }
                    }
                }
            }
        }
    }
    @media (min-width: 992px) {
        .tiled-a {
            .container {
                .row>div {
                    a {
                        .img-container {
                            height: calc(296px * 0.676);
                        }
                    }
                }
            }
        }
    }
    @media (min-width: 1200px) {
        .tiled-a {
            .container {
                .row>div {
                    a {
                        .img-container {
                            height: calc(363px * 0.676);
                        }
                    }
                }
            }
        }
    }
}