@massds/mayflower-assets/css/buttons.min.css

Mayflower Assets

button{cursor:pointer;font-family:"Noto Sans VF","Noto Sans","Helvetica","Arial",sans-serif;font-weight:400}.ma__button{border:3px solid;box-shadow:0 .25rem .5rem rgba(0,0,0,.25);display:inline-flex;align-items:center;justify-content:center;letter-spacing:.1em;padding:.4em 1em;text-decoration:none;text-transform:uppercase;transition:all .4s ease;text-transform:none;letter-spacing:.02em;font-size:1rem;line-height:1.4;font-weight:600;background-color:#14558f;border-color:transparent;color:#fff}.ma__button:hover:not(:disabled){text-decoration:none}.ma__button--uppercase{text-transform:uppercase;letter-spacing:.1em}.ma__button svg{margin-left:.5rem;flex-shrink:0}.ma__button svg{width:1rem;height:1rem}.ma__button--small{font-size:calc(14.75rem / 16);line-height:1.2;padding:.2em .6em}.ma__button--small svg{width:calc(14.75rem / 16);height:calc(14.75rem / 16)}.ma__button--large{font-size:1.125rem;line-height:1.61}.ma__button--large svg{width:1.125rem;height:1.125rem}.ma__button:hover:not(:disabled){background-color:rgba(20,85,143,.75)}.ma__button svg{fill:#fff}.ma__button--c-primary-alt{font-weight:600;background-color:#388557;border-color:transparent;color:#fff}.ma__button--c-primary-alt:hover:not(:disabled){background-color:rgba(56,133,87,.75)}.ma__button--c-primary-alt svg{fill:#fff}.ma__button--c-highlight{font-weight:600;background-color:#f6c51b;border-color:transparent;color:#141414}.ma__button--c-highlight:hover:not(:disabled){background-color:rgba(246,197,27,.75)}.ma__button--c-highlight svg{fill:#141414}.ma__button--c-black{font-weight:600;background-color:#141414;border-color:transparent;color:#fff}.ma__button--c-black:hover:not(:disabled){background-color:rgba(20,20,20,.75)}.ma__button--c-black svg{fill:#fff}.ma__button--c-gray-dark{font-weight:600;background-color:#535353;border-color:transparent;color:#fff}.ma__button--c-gray-dark:hover:not(:disabled){background-color:rgba(83,83,83,.75)}.ma__button--c-gray-dark svg{fill:#fff}.ma__button--c-white{font-weight:600;background-color:#fff;border-color:transparent;color:#14558f}.ma__button--c-white:hover:not(:disabled){background-color:rgba(255,255,255,.75)}.ma__button--c-white svg{fill:#14558f}.ma__button--c-white:hover:not(:disabled){background-color:#dcdcdc}.ma__button--secondary{font-weight:600;background-color:#fff;border-color:rgba(20,85,143,.5);color:#14558f}.ma__button--secondary:hover:not(:disabled){background-color:#14558f}.ma__button--secondary svg{fill:#14558f}.ma__button--secondary:hover:not(:disabled){color:#fff}.ma__button--secondary:hover:not(:disabled) svg{fill:#fff}.ma__button--secondary.ma__button--c-primary-alt{font-weight:600;background-color:#fff;border-color:rgba(56,133,87,.5);color:#388557}.ma__button--secondary.ma__button--c-primary-alt:hover:not(:disabled){background-color:#388557}.ma__button--secondary.ma__button--c-primary-alt svg{fill:#388557}.ma__button--secondary.ma__button--c-primary-alt:hover:not(:disabled){color:#fff}.ma__button--secondary.ma__button--c-primary-alt:hover:not(:disabled) svg{fill:#fff}.ma__button--secondary.ma__button--c-highlight{font-weight:600;background-color:#fff;border-color:rgba(246,197,27,.5);color:#141414;border-color:rgba(246,197,27,.5)}.ma__button--secondary.ma__button--c-highlight:hover:not(:disabled){background-color:#f6c51b}.ma__button--secondary.ma__button--c-highlight svg{fill:#141414}.ma__button--secondary.ma__button--c-highlight:hover:not(:disabled){color:#141414}.ma__button--secondary.ma__button--c-highlight:hover:not(:disabled) svg{fill:#141414}.ma__button--secondary.ma__button--c-gray-dark{font-weight:600;background-color:#fff;border-color:rgba(83,83,83,.5);color:#535353}.ma__button--secondary.ma__button--c-gray-dark:hover:not(:disabled){background-color:#535353}.ma__button--secondary.ma__button--c-gray-dark svg{fill:#535353}.ma__button--secondary.ma__button--c-gray-dark:hover:not(:disabled){color:#fff}.ma__button--secondary.ma__button--c-gray-dark:hover:not(:disabled) svg{fill:#fff}.ma__button--tertiary{font-weight:600;background-color:#dcdcdc;border-color:transparent;color:#fff;color:#141414}.ma__button--tertiary:hover:not(:disabled){background-color:rgba(220,220,220,.75)}.ma__button--tertiary svg{fill:#fff}.ma__button--tertiary svg{fill:#141414}.ma__button--quaternary{background-color:transparent;box-shadow:none;border:none;border-bottom:2px solid #7299bc;color:#14558f;padding:0;text-transform:none;letter-spacing:0}.ma__button--quaternary svg{fill:#14558f}.ma__button--quaternary:hover:not(:disabled){border-bottom:3px solid #14558f;background-color:transparent}.ma__button--disabled{opacity:.5;cursor:not-allowed}