@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

    .Cigg-cntndr {
        width: 400px;
        margin: 20px auto;
        position: relative;
        display: flex;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        line-height: 15px;
        color: var(--Opuesto);
    }

    .Cigg-cntndr br {
        display: none;
    }

    .Cigg-cntndr > a {
        /* Abajo */
        position: absolute;
        bottom: -30px;
        left: calc(50% - 30.4px);
        text-align: center;
        color: var(--Color);
        text-decoration: none;
        text-transform: uppercase;
    }

    .Cigg-cntndr i {
        padding: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
        background-color: var(--Color);
        border-right: 3px solid var(--Opuesto);
    }

    .Cigg-crp {
        flex-grow: 1;
        position: relative;
        overflow: hidden;
    }

    .Cigg-crp:hover .Cigg-txt {
        transform: translate(-50%);
        transition: 1s ease-in-out;
    }

    .Cigg-txt {
        width: 200%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        text-align: center;
        font-size: 13px;
        transition: 1s ease-in-out;
    }

    .Cigg-txt span {
        width: 100%;
        height: 100%;
        padding: 20px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Cigg-txt span:nth-of-type(1) {
        background-color: var(--Color);
    }

    .Cigg-txt span:nth-last-of-type(1) {
        background-color: var(--Opuesto);
        color: var(--Color);
    }