Close button

.button {
                        /* Reset */
                        background-color: transparent;
                        border-color: transparent;

                        /* Cursor */
                        cursor: pointer;

                        /* Size */
                        height: 32px;
                        width: 32px;

                        /* Used to position the inner */
                        position: relative;
                    }

                    .button__line {
                        /* Background color */
                        background-color: rgba(0, 0, 0, 0.3);

                        /* Position */
                        position: absolute;

                        /* Size */
                        height: 1px;
                        width: 100%;
                    }

                    .button__line--first {
                        /* Position */
                        left: 0px;
                        top: 50%;
                        transform: translate(0%, -50%) rotate(45deg);

                        /* Size */
                        height: 1px;
                        width: 100%;
                    }

                    .button__line--second {
                        /* Position */
                        left: 50%;
                        top: 0px;
                        transform: translate(-50%, 0%) rotate(45deg);

                        /* Size */
                        height: 100%;
                        width: 1px;
                    }