.Button{background-color:var(--color-accent);color:var(--color-secondary);font-family:var(--family-primary);font-size:var(--size-H3-desktop);cursor:pointer;text-transform:capitalize;border:none;padding:0;display:flex}.Button.active{background-color:var(--color-accent);color:var(--color-primary)}.Button.small{text-transform:lowercase;width:115px;height:35px}.Button.medium{width:150px;height:45px}.Button.large{width:185px;height:45px}.ButtonContent{background-color:var(--color-primary);flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;transition:width .2s,background-color .2s;display:flex}.Button.active:hover .ButtonContent{align-self:center;width:100%}.Button.medium:hover .ButtonContent,.Button.large:hover .ButtonContent{align-self:left;width:85%}.Button.small .ButtonContent{background-color:var(--color-accent);color:var(--color-primary);justify-content:space-between;padding:0 8px}.Button.active .ButtonContent{background-color:var(--color-accent)}.Button.center .ButtonContent{align-content:center}.Button.right .ButtonContent{text-align:right;justify-content:flex-end;padding-right:8px}
.Header{justify-content:space-between;align-items:center;width:1000px;margin-top:45px;display:flex}.HeaderNavigation{gap:40px;display:flex}
.Footer{background-color:var(--color-accent);width:calc(100% - 50px);height:50px;color:var(--color-primary);font-family:var(--family-primary);font-size:var(--size-text-desktop);align-items:center;padding:0 25px;display:flex}