@media only screen and (min-width:1020px){.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}}@media only screen and (max-width:1019px){.Button{background-color:var(--color-accent);color:var(--color-secondary);font-family:var(--family-primary);font-size:var(--size-H3-mobile);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:100px;height:40px}.Button.medium{width:85px;height:30px}.Button.small .ButtonContent{background-color:var(--color-accent);color:var(--color-primary);justify-content:space-between;padding:0 10px}.Button.large{width:155px;height:40px}.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.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}}
@media only screen and (min-width:1020px){.Header{justify-content:space-between;align-items:center;width:1000px;padding:8px;display:flex}.HeaderNavigation{gap:40px;display:flex}.HeaderHomeButtonMobile{display:none}}@media only screen and (max-width:1019px){.Header{flex-direction:row;justify-content:space-between;align-items:center;gap:15px;width:90%;margin-top:20px;padding:8px;display:flex}.HeaderHomeButton{display:none}.HeaderHomeButtonMobile{background-color:var(--color-primary);cursor:pointer;border:none;width:30px;height:30px}.HeaderNavigation{gap:15px;display:flex}}
@media only screen and (min-width:1020px){.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}}@media only screen and (max-width:1019px){.Footer{background-color:var(--color-accent);width:calc(100% - 30px);height:50px;color:var(--color-primary);font-family:var(--family-primary);font-size:var(--size-text-mobile);align-items:center;padding:0 15px;display:flex}}