.download-resume{z-index:2;color:#fff;background-color:#3b82f6;border-radius:8px;justify-content:center;align-items:center;width:min(380px,100%);height:47px;padding:10px 20px;font-weight:700;text-decoration:none;transition:background-color 2s,color 2s;display:flex;position:relative;overflow:hidden}.button-text{text-align:center;width:100%;position:absolute}.primary{z-index:2}.secondary{z-index:1}.colorful-button--wrapper{justify-content:center;align-items:center;width:100%;max-width:380px;margin:0 auto;display:flex;position:relative;overflow:hidden}.colorful-button--color{border-radius:8px;width:100%;max-width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scale(0)}.colorful-button--wrapper:hover .colorful-button--color{transform:scale(1)}.colorful-button--wrapper:hover .red{transition-delay:0s}.colorful-button--wrapper:hover .orange{transition-delay:.2s}.colorful-button--wrapper:hover .yellow{transition-delay:.4s}.colorful-button--wrapper:hover .green,.colorful-button--wrapper .red{transition-delay:.6s}.colorful-button--wrapper .orange{transition-delay:.4s}.colorful-button--wrapper .yellow{transition-delay:.2s}.colorful-button--wrapper .green{transition-delay:0s}.red{background-color:#f87171;border-radius:8px}.orange{background-color:#f59e0b;border-radius:8px}.yellow{background-color:#fcd34d;border-radius:8px}.green{background-color:#34d399;border-radius:8px}