.materials-nav[data-v-18e581c5]{display:flex}.btn[data-v-18e581c5]{border-radius:5px;cursor:pointer;font-weight:600;min-height:55px;width:50%}.btn.button-arrow[data-v-18e581c5]{padding-bottom:16px;padding-top:16px}.btn:disabled[data-v-18e581c5]{border-color:#999;color:#999;cursor:not-allowed;pointer-events:all}.btn:disabled .arrow[data-v-18e581c5]{background-color:#999}.btn .btn-content[data-v-18e581c5]{display:inline-block;position:relative;transition:all .3s ease-out}.btn .arrow[data-v-18e581c5]{height:2px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease-out;width:12px}.btn .arrow[data-v-18e581c5]:after{border-style:solid;content:"";display:block;height:0;transform:translateY(-3px);width:0}.btn-next[data-v-18e581c5]{border-bottom-left-radius:0;border-top-left-radius:0;color:#fff}.btn-next.primary[data-v-18e581c5]{background-color:var(--color-primary);border:1px solid var(--color-primary)}.btn-next.green[data-v-18e581c5]{background-color:var(--color-course-green);border:1px solid var(--color-course-green);color:var(--color-text)}.btn-next .arrow[data-v-18e581c5]{background-color:var(--color-white);right:-24px}.btn-next .arrow[data-v-18e581c5]:after{border-color:transparent transparent transparent var(--color-white);border-width:4px 0 4px 6px;margin-left:12px}@media (min-width:640px){.btn-next .btn-content[data-v-18e581c5]{transform:translate3d(-16px,0,0)}}@media (min-width:640px){.btn-next:focus-visible[data-v-18e581c5]:not(:disabled) .btn-content[data-v-18e581c5],.btn-next:hover[data-v-18e581c5]:not(:disabled) .btn-content[data-v-18e581c5]{transform:translate3d(-24px,0,0)}.btn-next:focus-visible[data-v-18e581c5]:not(:disabled) .arrow[data-v-18e581c5],.btn-next:hover[data-v-18e581c5]:not(:disabled) .arrow[data-v-18e581c5]{opacity:1;right:-40px;transition:all .3s ease-out}}.btn-next:disabled .arrow[data-v-18e581c5]:after{border-color:transparent transparent transparent #999}.btn-prev[data-v-18e581c5]{background-color:var(--color-gray-200);border-bottom-right-radius:0;border-top-right-radius:0;color:var(--color-primary);--icon-color:var(--color-primary)}@media (min-width:640px){.btn-prev .btn-content[data-v-18e581c5]{transform:translate3d(16px,0,0)}}@media (min-width:640px){.btn-prev:focus-visible[data-v-18e581c5]:not(:disabled) .btn-content[data-v-18e581c5],.btn-prev:hover[data-v-18e581c5]:not(:disabled) .btn-content[data-v-18e581c5]{transform:translate3d(24px,0,0)}.btn-prev:focus-visible[data-v-18e581c5]:not(:disabled) .arrow[data-v-18e581c5],.btn-prev:hover[data-v-18e581c5]:not(:disabled) .arrow[data-v-18e581c5]{left:-40px;opacity:1;transition:all .3s ease-out}}.btn-prev .arrow[data-v-18e581c5]{background-color:var(--color-primary);left:-24px}.btn-prev .arrow[data-v-18e581c5]:after{border-color:transparent var(--color-primary) transparent transparent;border-width:4px 6px 4px 0;margin-left:-6px}.btn-prev.disabled .arrow[data-v-18e581c5]:after{border-color:transparent #999 transparent transparent}