.themes-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    padding: 30px;

    margin: 50px 100px;

    & .theme-item {

        /*background: var(--color3);*/
        position: relative;

        & img {
            width: 100%;
        }

        & button, & a {
            position: absolute;
            /*transform: translate(-100%, -100%);*/
            bottom: 15px;
            right: 15px;

            display: flex;
            align-items: center;
            gap: 10px;
            text-decoration: none;

            background: #012E40;
            color: #F2E3D5;
            font-size: large;
            cursor: pointer;
            border-radius: 20px;
            border: none;
            /*width: 40px;*/
            height: 40px;
            transition: 250ms;
            padding-left: 20px;
            padding-right: 20px;

            &:hover {
                background: #3CA6A6;
            }
        }

    }
}