modal.component.ts

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

@Component({
  selector: 'app-modal',
  standalone: false,
  templateUrl: './modal.component.html',
  styleUrl: './modal.component.scss',
})
export class ModalComponent {}

modal.component.scss

.modal {
  border: 1px solid #1D1B20;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  h1 {
    font-size: 32px;
    padding: 12px;
  }
  .selecao-idade {
    font-size: 80px;
    display: flex;
    justify-content: space-between;
    ul {
      list-style-type: none;
      margin: 0 0 0 -1em;
      padding: 0;
      li {
        margin-bottom: 10px;
        margin: 12px;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #1D1B20;
        text-align: start;
        padding: 0;
        span {
          vertical-align: middle;
          padding: 0 12px;
        }
      }
    }
  }
  .selecao-categoria {
    margin-top: 32px;
    color: #1D1B20;
  }
  .modal-actions {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    button {
      margin: 0 8px;
      width: 100%;
    }
  }
}