/* 100RFS — primary buttons use brand blue instead of site orange */
.rfs-page-content {
    --rfs-accent: #1212f9;
    --rfs-accent-hover: #0e0ec7;
}

.rfs-page-content .theme-btn.btn-style-one {
    background-color: var(--rfs-accent);
    border-color: var(--rfs-accent);
    color: #f4f0e9;
}

.rfs-page-content .theme-btn.btn-style-one .btn-wrap .text-one {
    color: #f4f0e9;
}

.rfs-page-content .theme-btn.btn-style-one:hover {
    background-color: #f4f0e9;
    border-color: #333333;
}

.rfs-page-content .theme-btn.btn-style-one:hover .btn-wrap .text-two {
    color: var(--rfs-accent);
}

.rfs-page-content .theme-btn.btn-style-one-outline {
    color: var(--rfs-accent);
    border-color: var(--rfs-accent);
    background-color: transparent;
}

.rfs-page-content .theme-btn.btn-style-one-outline .btn-wrap .text-one {
    color: var(--rfs-accent);
}

.rfs-page-content .theme-btn.btn-style-one-outline:hover {
    background-color: var(--rfs-accent);
    border-color: var(--rfs-accent);
}

.rfs-page-content .theme-btn.btn-style-one-outline:hover .btn-wrap .text-two {
    color: #f4f0e9;
}

.rfs-page-content .theme-btn.btn-style-one-outline.rfs-outline {
    background: transparent;
    border: 2px solid var(--rfs-accent);
    color: var(--rfs-accent) !important;
}

.rfs-page-content .theme-btn.btn-style-one-outline.rfs-outline .btn-wrap .text-one,
.rfs-page-content .theme-btn.btn-style-one-outline.rfs-outline .btn-wrap .text-two {
    color: var(--rfs-accent) !important;
}

.rfs-page-content .theme-btn.btn-style-one-outline.rfs-outline:hover {
    background: var(--rfs-accent);
    border-color: var(--rfs-accent);
}

.rfs-page-content .theme-btn.btn-style-one-outline.rfs-outline:hover .btn-wrap .text-one,
.rfs-page-content .theme-btn.btn-style-one-outline.rfs-outline:hover .btn-wrap .text-two {
    color: #fff !important;
}

.rfs-page-content .rfs-sample-card__btn {
    background: var(--rfs-accent);
}

.rfs-page-content .rfs-sample-card__btn:hover {
    background: var(--rfs-accent-hover);
}

.rfs-page-content .rfs-detail-back {
    color: var(--rfs-accent);
    border-color: var(--rfs-accent);
}

.rfs-page-content .rfs-detail-back:hover {
    color: #fff;
    background: var(--rfs-accent);
}