.ks-button-seederportal.off.ks-button {
    background-color: #C5C6C6;
}

.ks-button-seederportal.off .ks-button-inner {
    background-color: #C5C6C6;
}

.ks-button-seederportal.off .ks-button-label {
    color: #1C1C1E;
}

/* For screens larger than 320px (mobile devices) */
@media screen and (max-width: 767px) {
    .ks-button-seederportal.ks-button {
        height: 36px;
        padding: 10px;
        border-radius: 18px;
        background-color: #007AFF;
        width: 121px;
    }

    .ks-button-seederportal .ks-button-inner {
        background-color: #007AFF;
        border-radius: 18px;
    }

    .ks-button-seederportal .ks-button-icon,
    .ks-button-seederportal .ks-button-icon img {
        font-size: 30px;
        color: #ffffff;
        margin-bottom: 1px;
    }

    .ks-button-seederportal .ks-button-divider {
        width: 1px;
    }

    .ks-button-seederportal .ks-button-label {
        color: #ffffff;
        padding-left: 2px;
        white-space: nowrap;
        font: normal normal normal 16px/20px "SF Pro Display";
    }

    .ks-button-seederportal_panel_btn.ks-button {
        height: 36px;
        padding: 10px;
        border-radius: 18px;
        background-color: #007AFF;
        width: 121px;
        margin-left: 20px;
        margin-top: 20px;
    }

    .ks-button-seederportal_panel_btn .ks-button-inner {
        background-color: #007AFF;
        border-radius: 18px;
    }

    .ks-button-seederportal_panel_btn .ks-button-icon,
    .ks-button-seederportal_panel_btn .ks-button-icon img {
        font-size: 30px;
        color: #ffffff;
        margin-bottom: 1px;
    }

    .ks-button-seederportal_panel_btn .ks-button-divider {
        width: 1px;
    }

    .ks-button-seederportal_panel_btn .ks-button-label {
        color: #ffffff;
        padding-left: 2px;
        font: normal normal lighter 16px/20px "SF Pro Display";
    }

    .ks-button-seederportal_download_panel_btn.ks-button {
        height: 36px;
        padding: 10px;
        border-radius: 18px;
        background-color: #f2f2f7;
        width: 121px;
        margin: 20px 30px 17px 10px;
    }

    .ks-button-seederportal_download_panel_btn .ks-button-label {
        color: #007AFF;
        padding-left: 2px;
        font: normal normal lighter 16px/20px "SF Pro Display";
    }

    .ks-button-seederportal_download_panel_btn .ks-button-inner {
        background-color: #f2f2f7;
        border-radius: 18px;
    }

    .ks-button-seederportal_download_panel_btn .ks-button-divider {
        width: 1px;
    }

    #kspublicProductsAnalogicRow4Cell1Button, #kspublicProductsSeederRow4Cell1Button {
        vertical-align: top;
    }

}

/* For screens larger than 768px (tablets) */
@media screen and (min-width: 768px) {
    .ks-button-seederportal.ks-button {
        height: 36px;
        padding: 14px;
        border-radius: 18px;
        background-color: #007AFF;
        width: 145px;
    }

    .ks-button-seederportal .ks-button-inner {
        background-color: #007AFF;
        border-radius: 18px;
    }

    .ks-button-seederportal .ks-button-icon,
    .ks-button-seederportal .ks-button-icon img {
        font-size: 40px;
        color: #ffffff;
        margin-bottom: 6px;
    }

    .ks-button-seederportal .ks-button-divider {
        width: 5px;
    }

    .ks-button-seederportal .ks-button-label {
        color: #ffffff;
        padding-left: 12px;
        white-space: nowrap;
        font: normal normal normal 16px/20px "SF Pro Display";
    }

    .ks-button-seederportal_panel_btn.ks-button {
        height: 36px;
        padding: 10px;
        border-radius: 18px;
        background-color: #007AFF;
        width: 121px;
    }

    .ks-button-seederportal_panel_btn .ks-button-inner {
        background-color: #007AFF;
        border-radius: 18px;
    }

    .ks-button-seederportal_panel_btn .ks-button-icon,
    .ks-button-seederportal_panel_btn .ks-button-icon img {
        font-size: 30px;
        color: #ffffff;
        margin-bottom: 1px;
    }

    .ks-button-seederportal_panel_btn .ks-button-divider {
        width: 1px;
    }

    .ks-button-seederportal_panel_btn .ks-button-label {
        color: #ffffff;
        font-size: 16px;
        padding-left: 2px;
        font: normal normal lighter 16px/20px "SF Pro Display";
    }

    .ks-button-seederportal_download_panel_btn.ks-button {
        height: 36px;
        padding: 10px;
        border-radius: 18px;
        background-color: #f2f2f7;
        width: 121px;
    }

    .ks-button-seederportal_download_panel_btn .ks-button-inner {
        background-color: #f2f2f7;
        border-radius: 18px;
    }

    .ks-button-seederportal_download_panel_btn .ks-button-icon,
    .ks-button-seederportal_download_panel_btn .ks-button-icon img {
        font-size: 30px;
        color: #007AFF;
        margin-bottom: 1px;
    }

    .ks-button-seederportal_download_panel_btn .ks-button-divider {
        width: 1px;
    }

    .ks-button-seederportal_download_panel_btn .ks-button-label {
        color: #007AFF;
        font-size: 16px;
        padding-left: 2px;
        font: normal normal lighter 16px/20px "SF Pro Display";
    }
}