<div class="block-enable">
<div class="box">
<div class="box-header">Enable Server Settings</div>
<div class="box-body">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Excepturi eius magnam, possimus
aliquam, ipsum cumque, nostrum vel eos enim quaerat ipsa sequi. Officiis fugiat omnis
similique nihil doloribus unde ratione?
</div>
<div class="box-footer">
<div class="form-switch">
<label for="enable" class="form-switch-label">
<input type="checkbox" name="switch" id="enable" class="form-switch-input" />
<span class="form-switch-slider"></span>
<span class="form-switch-slider-text">Enable</span>
</label>
</div>
<a href="#" class="button button-text button-link button-icon">
Learn more
<i class="iconoir-open-new-window"></i>
</a>
</div>
</div>
</div>To make box looks like primary color use box-primary with box class
$block-enable-box-spacing: rem(10) !default;
--r-block-enable-box-spacing: #{$block-enable-box-spacing};