|
|
| .settings-button {
|
| align-self: center;
|
| padding: 12px 12px;
|
| border-radius: 8px;
|
| border: 1px solid #2c3554;
|
| background: #1f2840;
|
| color: #f5f5f5;
|
| font-size: 0.85rem;
|
| cursor: pointer;
|
| margin-left: auto;
|
| }
|
|
|
| .settings-button:hover {
|
| background: #273256;
|
| }
|
|
|
| .settings-modal-content {
|
| width: 480px;
|
| max-width: 95%;
|
| position: relative;
|
| display: flex;
|
| flex-direction: column;
|
| justify-content: space-between;
|
| }
|
|
|
|
|
| .font-size-container {
|
| display: flex;
|
| gap: 12px;
|
| margin-top: 8px;
|
| margin-bottom: 8px;
|
| justify-content: center;
|
| }
|
|
|
| .font-size-btn {
|
| padding: 12px 20px;
|
| border-radius: 8px;
|
| border: 1px solid #2c3554;
|
| background: #1f2840;
|
| color: #f5f5f5;
|
| font-size: 1rem;
|
| font-weight: 600;
|
| cursor: pointer;
|
| transition: all 0.2s ease;
|
| min-width: 80px;
|
| }
|
|
|
| .font-size-btn:hover {
|
| background: #273256;
|
| border-color: #3d4a6e;
|
| transform: translateY(-1px);
|
| box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
| }
|
|
|
| .font-size-btn:active {
|
| transform: translateY(0);
|
| }
|
|
|
