@layer components {
  .subscription-modal__navbar {
    padding: 1.5rem 2rem 1rem 2rem;
    margin-bottom: 1rem;
    border-bottom: none;
  }

  .subscription-modal__close-button {
  width: 2.5rem;                                                                                                                    
  height: 2.5rem;                                                                                                                   
  display: flex;
  align-items: center;                                                                                                              
  justify-content: center;                                                                                                        
  border-radius: 9999px;
  border: 1px solid var(--color-neutral-300);    
  }

  .subscription-modal__back-button {                                                                                                      
  border-radius: 9999px;                                                                                                            
  border: 1px solid var(--color-red-600);                                                                                         
  color: var(--color-red-600);                                                                                                      
  padding: 0.5rem;
  }

  .subscription-modal__footer {
    border-top: 1px solid var(--color-neutral-200);
    margin-top: 2rem;
    padding: 1.5rem 2rem 2rem 2rem;
  }
}