:root {
--logo: url('logo-1.png');
--body-bg: #fafafa;
--body-color: #000;
--secondary-color: #183153;
--font-a: #000;
--header-bg: #fafafa;
--header-color: #000;
--start-bg: #fff;

--switch-buttons-bg: #fff;
--switch-buttons-color: #555;
--switch-buttons-border: #ccc;
--switch-buttons-active: #39739d;

--card-bg: #fff;
--card-color: #000;
--card-border: #eee;
--card-icon: #404463;
--timestamp: #666;

--answer-color: #333;
--answer-border: #ddd;

--field-border: #7aa7c7;
--field-color: #000;

--shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
--max-width: 800px;
}

.button-8 {
background-color: #e1ecf4;
border-radius: 3px;
border: 1px solid #7aa7c7;
box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
box-sizing: border-box;
color: #39739d;
display: inline-block;
font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.15385;
margin: 0;
outline: none;
padding: 8px .8em;
position: relative;
}

.button-8:hover,
.button-8:focus {
background-color: #b3d3ea;
color: #2c5777;
}

.button-8:focus {
box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
}

.button-8:active {
background-color: #a0c7e4;
box-shadow: none;
color: #2c5777;
}
.button-8:disabled {
opacity: 0.4;
cursor: not-allowed;
}