Como acessar campos do Body de um HttpResponse, Angular 10

Front-end JavaScript
#1

Boa tarde Pessoal!
To quebrando cabeça aqui pra conseguir acessar o access-token que vem no response, não entendi como faço pra poder pegar os campos que vem do body do response.

Se eu tenso acessar res.body.access-token, da erro que não existe essa propriedade, pelo que vi o httpresponse é do tipo Object.

Meu Response:
image

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

import { HttpClient, HttpHeaders, HttpParams } from ‘@angular/common/http’;
import { tap } from ‘rxjs/operators’;

const API = ‘http://localhost:8080’;

@Injectable({ providedIn: ‘root’ })
export class LoginService {

constructor(private http: HttpClient) { }


authenticate(cnpj: string, password: string) {
    const headers = { 'Content-Type': 'application/x-www-form-urlencoded', 'Authorization': 'Basic YW5ndWxhcjpAbmd1bEByMA==' };
    const body = `client=angular&username=${cnpj}&password=${password}&grant_type=password`;

    return this.http
        .post(API + '/oauth/token', body, { headers, observe: 'response' })
        .pipe(tap(
            res => {
                const authToken = res.body;
                console.log(res);
            }));

}

}