.solution-cta {
    .button {
        margin: 20px auto;
        width: fit-content;
        font-weight: 300 !important;
        padding: 5px 5px 5px 15px !important;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 10px;
        font-size: 18px !important;
        transition: border-radius 0.3s ease;
        font-family: 'League Spartan', sans-serif !important;

        &:hover {
            border-radius: 8px;
            text-decoration: none !important;
            font-weight: 800 !important;
            
            span:nth-child(0n+2) {
                border-radius: 6px;
            }
        }
    }

    .button.red {
        background-color: #7D2420 !important;
        border: 1px solid #7D2420 !important;
        color: white !important;

        &:hover {
            border: 1px solid #7D2420 !important;
        }

        span:nth-child(0n+2) {
            width: 30px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
        }

        &:hover {
            span:nth-child(0n+2) {
                background-color: white;
            }
        }

        svg {
            path {
                transition: all 0.3s ease;
                fill: white;
            }
        }

        &:hover {
            svg {
                path {
                    fill: #7D2420;
                }
            }
        }
    }
    
    .button.white {
        background-color: white !important;
        border: 1px solid white !important;
        color: #7D2420 !important;

        &:hover {
            border: 1px solid white !important;
        }

        span:nth-child(0n+2) {
            width: 30px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
        }

        &:hover {
            span:nth-child(0n+2) {
                background-color: #7D2420;
            }
        }

        svg {
            path {
                transition: all 0.3s ease;
                fill: #7D2420;
            }
        }

        &:hover {
            svg {
                path {
                    fill: white;
                }
            }
        }
    }
}