Basic Instagram Oauth Login Button

instagram-login-button.ts

import {Component} from '@angular/core';

interface MyWindow extends Window {
    myFunction(): void;
}

declare var window: MyWindow;

@Component({
    selector: 'instagram-login',
    template: ` <div>
                    <button class="btn btn-med btn-instagram" (click)="onInstagramLoginClick()">
                        Sign in with Instagram
                        <!--i class="fa fa-instagram fa-fw"></i>Sign in with Instagram-->
                    </button>
                </div>`,
    providers: [],
})

export class InstagramLoginButton {

    constructor() {

     }

    onInstagramLoginClick() {

        var clientId = 'fb53e7027a55451185df4ccb66d7f86a';
        var redirectUri = 'http://local-dev.supervitus.io:8099/api/instaOauth';
        var state = localStorage.getItem('LOCALFLUENCE_AUTH_TOKEN');
        var responseType = 'code';
        
        let url = `https://api.instagram.com/oauth/authorize/?client_id=${clientId}&redirect_uri=${redirectUri}&state=${state}&response_type=${responseType}`;
       
        window.open(url);
    }
}

But where is the button? Where are classes?

class="btn btn-med btn-instagram"