.counter__base{--text-color: #1f1f1f;--background-color-generic: #eee;--border-color: #1f1f1f;--shadow: 0 3px 6px rgba(0, 0, 0, 16%), 0 3px 6px rgba(0, 0, 0, 23%);display:flex;flex-direction:column;justify-content:center;align-items:normal;margin:0 auto;background:var(--background-color-generic);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow)}.counter__title-heading{padding:8px 16px;color:var(--background-color-generic);grid-area:top;text-align:center;background:var(--text-color)}.counter__container{display:flex;flex-direction:row;justify-content:space-between;align-items:space-between;padding:16px 16px;gap:16px}.counter__output{width:45%}.counter__button{width:45%}.counter__output{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;font-weight:700;border:1px solid var(--text-color)}.counter__button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;color:var(--background-color-generic);letter-spacing:.05rem;cursor:pointer;background:var(--text-color);border:none}