.icon-circle { width: 48px; height: 48px; border-radius: 50%; border: 1px solid #4839EB; padding: 5px; } .dialog-icon-circle-large{ width: 100px; height: 100px; display: flex; font-size: 100px; justify-content: center; align-items: center; border-radius: 50%; color: #fff; } .locking-dialog{ .term-box{ background: #fff; border-radius: 5px; padding: 0.5rem; } .summary-panel{ background:#F8F7F7; } } .locking-detail{ border-top: 1px solid #e0e0e0; margin:1rem; max-width: 600px; } .locking-summary{ max-width: 600px; margin:1rem; } .horn-locking-dialog{ margin-left: -1.5rem; position: absolute; z-index: 2; width: 24px; height: 24px; background: #f5f2f2; border-radius: 5px; display: flex; justify-content: center; align-items: center; } .