.button-24 {
  background: #00619e;
  border: 1px solid #00619e;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-family: nunito,roboto,proxima-nova,"proxima nova",sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 16px;
  min-height: 40px;
  outline: 0;
  padding: 12px 14px;
  text-align: center;
  text-rendering: geometricprecision;
  text-transform: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  transition: background-color .2s ease;
}

.button-24 a {
    color: white;
    text-decoration: none;
    transition: color .2s ease;
}
/* .button-24 a:hover {
    color: black !important;
} */

.button-24:hover,
.button-24:active {
  background-color: #fe8301;
  background-position: 0 0;
}

.button-24:active {
  opacity: .5;
}


.spec-card{
    --accent:#00c2ff;
    --accent2:#0066ff;

    position:relative;
    overflow:hidden;
    border-radius:18px;
    background:#ffffff;
    box-shadow:
        0 15px 40px rgba(0,0,0,.08),
        0 2px 8px rgba(0,0,0,.04);
}

.spec-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:6px;
    height:100%;
    background:linear-gradient(
        180deg,
        var(--accent),
        var(--accent2)
    );
}

.spec-table{
    width:100%;
    border-collapse:collapse;
    font-size:15px;
}

.spec-table tr{
    transition:.3s ease;
}

.spec-table tr:nth-child(even){
    background:#f8fbff;
}

.spec-table tr:hover{
    background:#eef7ff;
}

.spec-table td{
    padding:16px 22px;
    vertical-align:top;
    border-bottom:1px solid #edf2f7;
}

.spec-table tr:last-child td{
    border-bottom:none;
}

.spec-table td:first-child{
    width:260px;
    font-weight:600;
    color:#1f2937;
    position:relative;
}

.spec-table td:first-child::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:60%;
    background:#dbe6f2;
}

.spec-table td:last-child{
    color:#4b5563;
    line-height:1.8;
}

.spec-table a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--accent2);
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.spec-table a:hover{
    transform:translateX(4px);
}

.spec-table a::before{
    content:"✓";
    width:22px;
    height:22px;
    border-radius:50%;
    background:#e8f5ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}