.text {
                        background: linear-gradient(180deg, #ffffff 70%, #0B396D 30%);
                        width: 480px;
                        height: 300px;

                        &:hover {
                            h3 {
                                &:after {
                                    opacity: 1;

                                    @include transition();
                                }
                            }
                        }


                        h3 {
                            color: #0B396D;
                            margin-top: 100px;

                            &:after {
                                content: "Læs mere";
                                position: absolute;
                                display: block;
                                bottom: 50px;
                                color: #FFCF9A;
                                font-size: 20px;
                                font-weight: 400;
                                transform: translate(-50%);
                                left: 50%;
                                opacity: 0;
                                text-transform: none;
                                @include transition();
                            }
                        }