.primary-button{color:#060606;cursor:pointer;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;line-height:1;padding:1.25rem 1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 531.28 200'%3E%3Cdefs%3E%3Cstyle%3E .shape %7B fill: %23DD992A /* fill: %23DD992A; */ %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='shape' points='415.81 200 0 200 115.47 0 531.28 0 415.81 200' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");background-color:#a6d2e6;background-size:200%;background-position:200%;background-repeat:no-repeat;transition:.3s ease-in-out;transition-property:background-position,border,color;position:relative;z-index:1;display:block}.secondary-button{color:#060606;cursor:pointer;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;line-height:1;padding:1.25rem 1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 531.28 200'%3E%3Cdefs%3E%3Cstyle%3E .shape %7B fill: %23A6D2E6 /* fill: %23A6D2E6; */ %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='shape' points='415.81 200 0 200 115.47 0 531.28 0 415.81 200' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");background-color:#e3959d;background-size:200%;background-position:200%;background-repeat:no-repeat;transition:.3s ease-in-out;transition-property:background-position,border,color;position:relative;z-index:1;display:block}.tertiary-button{color:#060606;cursor:pointer;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;line-height:1;padding:1.25rem 1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 531.28 200'%3E%3Cdefs%3E%3Cstyle%3E .shape %7B fill: %23A6D2E6 /* fill: %23A6D2E6; */ %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='shape' points='415.81 200 0 200 115.47 0 531.28 0 415.81 200' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");background-color:#dd992a;background-size:200%;background-position:200%;background-repeat:no-repeat;transition:.3s ease-in-out;transition-property:background-position,border,color;position:relative;z-index:1;display:block}.primary-button:hover,.secondary-button:hover,.tertiary-button:hover{background-position:40%}.primary-button:before{content:"";position:absolute;background-color:#a6d2e6;width:.25rem;height:.25rem;top:0;left:0;transition:background-color .15s ease-in-out}.secondary-button:before{content:"";position:absolute;background-color:#e3959d;width:.25rem;height:.25rem;top:0;left:0;transition:background-color .15s ease-in-out}.tertiary-button:before{content:"";position:absolute;background-color:#e3959d;width:.25rem;height:.25rem;top:0;left:0;transition:background-color .15s ease-in-out}.primary-button:hover:before{background-color:#060606}.secondary-button:hover:before{background-color:#060606}.tertiary-button:hover:before{background-color:#060606}.primary-button:hover:after{background-color:#060606}.secondary-button:hover:after{background-color:#060606}.tertiary-button:hover:after{background-color:#060606}.primary-button:after{content:"";position:absolute;background-color:#dd992a;width:.25rem;height:.25rem;bottom:0;right:0;transition:background-color .15s ease-in-out}.secondary-button:after{content:"";position:absolute;background-color:#a6d2e6;width:.25rem;height:.25rem;bottom:0;right:0;transition:background-color .15s ease-in-out}.tertiary-button:after{content:"";position:absolute;background-color:#a6d2e6;width:.25rem;height:.25rem;bottom:0;right:0;transition:background-color .15s ease-in-out}.button-borders{position:relative;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.button-borders:before{content:"";position:absolute;width:calc(100% + 8px);height:50%;left:-4px;top:-4px;border:1px solid #060606;border-bottom:0px}.button-borders:after{content:"";position:absolute;width:calc(100% + 8px);height:50%;left:-4px;bottom:-4px;border:1px solid #060606;border-top:0px;z-index:0}.shape{fill:#060606}