:host {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 1em;

    footer {
        display: flex;
        flex-direction: row;
        justify-content: space-between;

        button {
            padding: .8em 1.2em;
            border-radius: 10em;
            border: none;
            background-color: #3f51b5;
            color: white;
            transition: background-color .2s ease-in-out;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
        
            &:hover {
                background-color: #5b6ed8;
            }
        
            &.secondary {
                color: #3f51b5;
                background-color: white;
        
                &:hover {
                    background-color: #f2f4ff;
                    cursor: pointer;
                }
            }
        }
    }
}